JSFiddle - React, Tailwind, and code Playground

by Alex Azuero

HTML

<div id='vizitkarte'><h2>Vizītkarte</h2>
    <input id='cheackbox_pam_viz' class="checkbox" type="checkbox" value="189.95" name="choise" />
    <a  id='cena_viz' title="189,95 Ls" value="189.95" name="choise" class="cena"></a>  
    <input class="checkbox" type="checkbox" value="189.95" name="choise" /> 
    <a class='popup' rel="popup1"></a><a title="9,95 Ls" value="9.95" name="choise" class="cena"></a>
</div>
 <div> <span id="span"></span>
 User total usage: <span id="usertotal"> </span>

JavaScript

function displayVals() {
      calcUsage();
      var singleValues = 0; //$("#more").val();         
      $("#span").html("<b>more addons:</b> " + 
                  singleValues + ' EUR<br>');
}
var $cbs = $('.checkbox');
function calcUsage() {
    var total = 0; //$("#more").val();
    $cbs.each(function() {
        if ($(this).is(":checked"))
            total = parseFloat(total) + parseFloat($(this).val());
    });
    $("#usertotal").text(total + ' EUR');
}

    $("select").change(displayVals);
    displayVals();
//For  checkboxes

$cbs.click(function() {
    calcUsage();
});