JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cell">
    <div class="check">
        <input id="check-0" type="checkbox" />
        <label for="check-0">$100</label>
        <input id="check-0" type="checkbox" />
        <label for="check-0">$100</label>
        <div class="mask"></div>
    </div>
</div>

<div class="price">$347</div>

JavaScript

var changePrice = function changePrice(amt, state){
        var curPrice = $('.price').text();
        curPrice = curPrice.substring(1, curPrice.length);
        if(state==true){
            curPrice = parseInt(curPrice) + parseInt(amt);
        }else{
            curPrice = parseInt(curPrice) - parseInt(amt);
        }
        curPrice = '$' + curPrice;
        $('.price').text(curPrice);
    }
    $(function(){
        $('#check-0').on('change', function(){
            var itemPrice = $('label[for="check-0"]').text();
            itemPrice = itemPrice.substring(1, itemPrice.length);
        changePrice(itemPrice, $('#check-0').is(':checked'));
        });
    });