SUM OF SELECTED CHECKBOX VALUE
<!DOCTYPE HTML>
<html>
<head><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></head>
<body>
<input name="checkbox1[]" id="outside" class="sum" value="10.98" type="checkbox"> Outside Wash
<br>
<input name="checkbox1[]" id="aclean" class="sum" value="39.98" type="checkbox"> A <br>
<input name="checkbox1[]" id="bclean" class="sum" value="0" type="checkbox"> B <br>
<input name="checkbox1[]" id="cclean" class="sum" value="109" type="checkbox"> C <br/>
<input id="totalsum" type="text" value="">
<script type="text/javascript" >
$(document).ready(function() {
$(':checkbox:checked').prop('checked',false);
function updateSum() {
var total = 0;
$(".sum:checked").each(function(i, n) {total += parseFloat($(n).val());})
//$("#totalsum").val(total);
$("#totalsum").val(total.toFixed(2));
}
// run the update on every checkbox change and on startup
$("input.sum").change(updateSum);
updateSum();
})
</script>
</body></html>
Comments
Post a Comment