JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="checkbox" id="c1" style="display: none;" value="1"> <label for="c1">test</label>
    <input type="checkbox" id="c2" value="2"> <label for="c2">test</label>
    <input type="checkbox" id="c3" value="4"> <label for="c3">test</label>
    <input type="checkbox" id="c4" value="8"> <label for="c4">test</label>
</form>
<div id="result"></div>

JavaScript

function recalcTotalPrice(s) {
    var total = 0;
    s.find(':checked').each(function() {
        total += parseInt(this.value, 10);
    });
    $('#result').html(total);
}