JQuery sum using checkbox value and textbox value

Question

How could I get the Final Total based on the sum of a checkbox value and the contents of a textbox?

My HTML:

<table border="1">
<tr><td>10<input type="checkbox" class="tot_amount" value="10"></td><td>10<input id="os1" type="text"></td></tr>
<tr><td>20<input type="checkbox" class="tot_amount" value="20"></td><td>20<input id="os2" type="text" ></td></tr>
<tr><td>Total<input type="text" id="total1" readonly></td><td>Total2<input id="total2" type="text" readonly></td></tr>
</table>
Final Total<input type="text" id="final" readonly >

And Javascript:

$(".tot_amount").click(function(event) {
var total = 0;
$(".tot_amount:checked").each(function() {
total += parseInt($(this).val());
});

if (total == 0) {
$('#total1').val('');
}
else {
$('#total1').val(total);
}
});



$('#os1, #os2').on('input',function(){
var os1= parseFloat($('#os1').val()) || 0;
var os2= parseFloat($('#os2').val()) || 0;

$('#total2').val(os1 + os2); 

});

Can You Stop It! That's Really BORING! stackoverflow.com/questions/32906278/… — A. Wolff
– A. Wolff, Commented Oct 3, 2015 at 12:59

Rohit Kumar · Accepted Answer · 2015-10-03 13:11:03Z

0

Just bind a focus event and do it -

$('#final').bind('focus',function(){
    $(this).val(parseInt($('#total1').val())+parseInt($('#total2').val())); 
                         });

LIVE http://jsfiddle.net/mailmerohit5/h43te3z6/

answered Oct 3, 2015 at 13:11

Rohit Kumar

1,9581 gold badge12 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery sum using checkbox value and textbox value

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related