Javascript sum of radio button

Question

1.00/5 (1 vote)

See more:

May i know where is my error because its seen like not working

XML

<?xml version = "1.0" encoding = "utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!-- Pratical Lab 5.5-->

<html xmlns = "http://www.w3.org/1999/xhtml">
   <head><title> Practical Lab 5.5</title>
   <script type = "text/javascript" src = "sum.js"></script></head>
   <form name = "myForm" action = "" >
	Motherboard (RM59 each) <input type="radio" id="value1" name="value1" onclick ="59"/>
        <br />
        Harddisk (RM49 each) <input type="radio" id="value2" name="value2" onclick ="49"/>
        <br />
        Keyboard (RM39 each) <input type="radio" id="value3" name="value3" onclick ="39"/>
        <br />
        <input type="button" name="Sumbit" value="Submit" onclick="javascript:addNumbers()"/>
        <br />
	Total including 5% sales tax= <input type="text" id="answer" name="answer" value=""/>
      	</form>
   	</body>
	</html>

and this is my javascript

JavaScript

function addNumbers()
                {
                  	var val1 = parseInt(document.getElementById("value1").59);
                        var val2 = parseInt(document.getElementById("value2").49);
			var val3 = parseInt(document.getElementById("value3").39);
                        var ansD = document.getElementById("answer");
                        ansD.value = val1 + val2 + val3;
                }

Posted 2-May-12 9:03am

Jayfam

Updated 17-Apr-18 6:08am

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 2-May-12 15:58pm

Reason for my vote of 1
Makes no sense whatsoever.
--SA

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2012-05-02T09:57:00

The whole idea is wrong: the radio buttons do not carry numeric values. You need to explain why would you need something like what you do, in terms of application.

The attribute onclick is designed for a click event handler, not numeric data. The JavaScript code already contains numbers 59, 49, 39, so it would not serve any purpose even if it worked. I don't think further analysis makes any sense.

—SA

Ganesan Senthilvel · Answer 2 · 2012-05-02T09:14:00

Solution 1

It throws the error 'Uncaught SyntaxError: Unexpected number sum.js:3'. Because document.getElementById("value1") should use one of the Element property. Instead your code has the improper numbers like 59, 49 and 39.

What do you want to achieve there?

Posted 2-May-12 9:14am

Ganesan Senthilvel

Comments

Jayfam 2-May-12 15:15pm

im just want to add the total price of the product 59 + 49 +39 by selecting the radio button

Jayfam · Answer 3 · 2012-05-02T21:18:00

I had correct the error and made somethings like this, but the click vent handler not work for me, i haven choose the radio button and click submit, it show the output to me

HTML

     http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">
   <head><title> Practical Lab 5.5</title>
   <script type = "text/javascript" src = "sum.js"></script></head>
   <body>
   <form name = "myForm" action = "" >
	Motherboard (RM59 each) <input type="radio" id="value1" name="value1" onclick ="addNumbers(val1)" value="59" />
        <br />
        Harddisk (RM49 each) <input type="radio" id="value2" name="value2" onclick ="addNumbers(val2)" value="49" />
        <br />
        Keyboard (RM39 each) <input type="radio" id="value3" name="value3" onclick ="addNumbers(val3)" value="39" />
        <br />
        <input type="button" name="Sumbit" value="Submit" onclick="javascript:addNumbers()"/>
        <br />
        Total cost including 5% tax = <input type="text" id="answer" name="answer" value=""/>
      	</form>
   	</body>

JavaScript

function addNumbers()
                {
                  	var val1 = parseInt(document.getElementById("value1").value);
                        var val2 = parseInt(document.getElementById("value2").value);
			var val3 = parseInt(document.getElementById("value3").value);
                        var ansD = document.getElementById("answer");
                        ansD.value = val1 + val2 + val3 + 7.35;
                }

Ravinder_Verma · Answer 4 · 2012-05-02T21:26:00

Please get the correct code of ur issue. Let me know if you need more information on it.

XML

<head runat="server">
    <title></title>
    <script type="text/javascript">

        function addNumbers()
        {
            var val1 = parseInt((document.getElementById("value1").value) + ".59");
            var val2 = parseInt((document.getElementById("value2").value) + ".49");
            var val3 = parseInt((document.getElementById("value3").value) + ".39");
            var ansD = document.getElementById("answer");
            ansD.value = val1 + val2 + val3;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        Motherboard (RM59 each)
        <input type="radio" id="value1" name="value1" value="59" />
        <br />
        Harddisk (RM49 each)
        <input type="radio" id="value2" name="value2" value="49" />
        <br />
        Keyboard (RM39 each)
        <input type="radio" id="value3" name="value3" value="30" />
        <br />
        <input type="button" name="Sumbit" value="Submit" onclick="javascript:addNumbers()" />
        <br />
        Total including 5% sales tax=
        <input type="text" id="answer" name="answer" value="" />
    </div>
    </form>
</body>

Javascript sum of radio button

4 solutions

Solution 2

Solution 1

Solution 3

Solution 4

Add your solution here

Preview 0