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

Popular posts from this blog

Script For Login, Logout and View Using PHP, MySQL and Bootstrap

Hyperledger Development with in 10 days — Day 6

Insert CheckBox and Radio button Data in MySQL Database Using PHP