JSFiddle - React, Tailwind, and code Playground

by nobuts

HTML

<div id="school">
    <p><input type="checkbox" class="sum" value="15">Book</p>
    <p><input type="checkbox" class="sum" value="15">Bag</p>
    <p><input type="checkbox" class="sum" value="15">Notebook</p>
</div>

<span id="output"></span>

JavaScript

$(document).ready(function() {
$("input.sum").change(function(){
  recalculate();
});
function recalculate(){
    var sum = 0;
    $("input[type=checkbox]:checked").each(function(){
      sum += parseInt($(this).attr("value"));
    });
  //  alert(sum);
$("#output").html(sum);
}
});