JSFiddle - React, Tailwind, and code Playground

by zerolfc

HTML

<div id="dermal">
    <p><input type="checkbox" value="Crows feet" rel="15">Crows feet</p>
    <p><input type="checkbox" value="Frown lines" rel="15">Frown lines</p>
    <p><input type="checkbox" value="Individual facial line" rel="15">Individual facial line</p>
</div>
<span id="output"></span>

JavaScript

function onSelect() {
    var total = 0,
        dermal = $("#dermal").find('checkbox option:selected');

    if (value = dermal.attr('rel')) {
        total += parseInt(value);
    }

    $("#output").html(total);

}

$(function() {
    $('#dermal input').click(onSelect);
});