Checkbox values

get the checkbox values and add together

by Oliver Kelso

HTML

<form>
    <input type="checkbox" id="check1" value="100">check box 1
    <br />
    <input type="checkbox" id="check2" value="100">check box 2
    <br />
    <input type="checkbox" id="check3" value="100">check box 3
    <br />
    <input type="checkbox" id="check4" value="100">check box 4
    <br />
    <div id="total">Total: <span id="totalAmount">0</span>

    </div>
</form>

JavaScript

$(document).ready(function () {

    $("input[type='checkbox']").on('click', function () {

        var total = 0;
        $("input[type='checkbox']:checked").each(function () {
            total += +this.value;
            var x = $(this).val();
        });
        $("#totalAmount").html(total);

    });

});