使用複選框值和文本框值的JQuery總和

Question

如何根據複選框值和文本框內容的總和得到最終總和？

JSFiddle example

我的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 > 

和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); 

}); 

Answer 1

只需綁定一個焦點事件，並做到這一點 -

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

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