ansaurus

Question

How might I calculate the sum of radio button values using jQuery?

Answer 1

+11 A:

Plugin schmugin. Get rid of your onclick and try this:

$("input[type=radio]").click(function() {
    var total = 0;
    $("input[type=radio]:checked").each(function() {
        total += parseFloat($(this).val());
    });

    $("#totalSum").val(total);
});

Andy Gaskell 2009-08-24 21:03:38

+1. This is why it's important to learn the bare basics of a language before learning a framework. No reason at all to bring a plugin into this particular problem.

Mark Hurd 2009-08-24 21:07:40

Thanks, but it is not working !

Datis 2009-08-24 21:24:55

Sorry, its working, my bad ! :)

Datis 2009-08-24 21:30:55

Answer 2

+1 A:

Untitled Document

    <script type="text/javascript">
        function DisplayPrice(price){
   var val1 = 0;
   for( i = 0; i < document.form1.price.length; i++ ){
    if( document.form1.price[i].checked == true ){
     val1 = document.form1.price[i].value;
    }
   }

   var val2 = 0;
   for( i = 0; i < document.form2.price2.length; i++ ){
    if( document.form2.price2[i].checked == true ){
     val2 = document.form2.price2[i].value;
    }
   }

   var sum=parseInt(val1) + parseInt(val2);
            document.getElementById('totalSum').value=sum;
        }
    </script>
</head>
<body>
    Choose a number:<br>
    <form name="form1" id="form1" runat="server">
        <br>
        <input id="rdo_1" type="radio" value="159" name="price" onclick="DisplayPrice(this.value);">159
        <br>
        <input id="rdo_2" type="radio" value="259" name="price" onclick="DisplayPrice(this.value);">259
        <br>
    </form>

    Choose another number:<br>
    <form name="form2" id="form2" runat="server">
        <br>
        <input id="rdo_1" type="radio" value="345" name="price2" onclick="DisplayPrice(this.value);">345
        <br>
        <input id="rdo_2" type="radio" value="87" name="price2" onclick="DisplayPrice(this.value);">87
        <br>
    </form>
    <input type="text" name="totalSum" id="totalSum" value="" size="2" readonly="readonly">


</body>

The code above will dinamically sum the checked values from both groups. parseInt will convert to integers. Use parseFloat otherwise.

PauloC 2009-08-24 21:32:02

ansaurus

tags:

views:

answers:

How might I calculate the sum of radio button values using jQuery?

related questions