javascript - 在 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(){
    ...? 
});

总分应该是 6。我想将同一类的所有检查值相加。

Answer 1

你可以做这样的事情

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

    return x ; 

  }

演示

Answer 2

启动一个计数器，然后在每次通过时递增它。$.each不会返回任何东西。

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

Answer 3

像这样的东西：

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(); 
    }
});