JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="count" value="0.5"/> 0.5<br>
    <input type="checkbox" id="count" value="1"/> 1<br>
    <input type="checkbox" id="count" value="1.5"/> 1.5<br>
    <input type="checkbox" id="count" value="2"/> 2<br>
    <input type="checkbox" id="count" value="3"/> 3<br>
    <input type="checkbox" id="count" value="4"/> 4<br>
    <input type="checkbox" value="6"/> 6<br>
    <input type="checkbox" value="9"/> 9<br>
    <input type="checkbox" value="12"/> 12<br>
    
    <div id="result">
    <p></p>
    </div>

JavaScript

$("document").ready(function(){
        
        $("input").click(function() {
        var sum = 0;
        $("input:checked").each(function(){
         sum+= +$(this).val();
        });
        $('#result').html('<p>'+sum+'</p>');
        }); 
    });