Get checkbox values on checked and not checked

debugcn Published at Dev

Schneider

I have some checkboxed that I need to get values, and calculate in new elements, but I need that to calculate when is checked and when is not checked.

<div id="dodaci">

<input name="checkboxes1" id="checkboxes-1" value="100" type="checkbox">
  <input name="checkboxes2" id="checkboxes-2" value="150" type="checkbox">
  <input name="checkboxes3" id="checkboxes-3" value="150" type="checkbox">
  <input name="checkboxes4" id="checkboxes-4" value="120" type="checkbox">
  <input name="checkboxes5" id="checkboxes-5" value="70" type="checkbox">
</div>

<div id="cena1">750<div>

I need to add values of checked boxes to value in cena1, and i need to get when is not checked to get minus?

Here is jQuery I have so far

$(function() { 
    $('input[type="checkbox"]').bind('click',function() {
    $('#dodaci :checkbox:checked').each(function() {
    $('#cena1').append(', '+ $(this).val()); });
    });
});

surajRahel

I guess you need something like the below code :

$(function() { 
$('input[type="checkbox"]').bind('click',function() {
    var value = parseInt($(this).val());
     var cenaNum = parseInt($('#cena1').text());
    if(this.checked){
         $('#cena1').text(value+cenaNum);          
    }
    else {
        $('#cena1').text(cenaNum-value);
    }    
});
});

Here is the working link of fiddle :

Demo : Jsfiddle link

Collected from the Internet

Please contact [email protected] to delete if infringement.