在JQuery中，如何将“已检查”复选框的所有值加在一起？

Question

<input type="checkbox" class="new_message" value="1">
<input type="checkbox" class="new_message" value="2"  checked="checked">
<input type="checkbox" class="new_message" value="4" checked="checked">



total_score = $("input.new_message").checked.each(function(){
    ...? 
});

The total score should be 6. I want to add all the checked values up of the same class.

Answer 1

you can do something like this

var total_score = function () {
      var x = 0 ;
        $("input.new_message:checked").each(function(){
       x +=  Number($(this).val());
      });

    return x ; 

  }

DEMO

Answer 2

Start a counter, then increment it on each pass. $.each won't return anything.

var total_score = 0;
$("input.new_message:checked").each(function(){
    total_score += parseInt($(this).val());
});

Answer 3

Something like this :

var total_score = 0;

$('input.new_message:checked').each(function(){
    total_score += Number($(this).val());
});

Answer 4

 var sum = 0; 

$("input.new_message").each(function(){
    if($(this).prop(checked)){
    sum += $(this).val(); 
    }
});