JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" value="4">
<input type="checkbox" value="3">
<input type="checkbox" value="2">
<input type="checkbox" value="1">
<input type="submit" value="submit">

JavaScript

jQuery(function() {
    jQuery('input:submit').click(function() {
        var result = 0;
        jQuery('input:checkbox').each(function() {
            var curValue = jQuery(this).prop('checked') ? parseInt(this.value, 10) : 0;
            result += curValue;
        });
        alert(result)
    })
})