jquery сумма значений флажка и место в соседнем тд

Question

Как я могу сказать в jQuery -

Суммируйте "значение" всех флажков внутри каждого div.checkboxes и поместите суммированное значение в следующее?

<td>
   <div class=checkboxes>
      <LABEL style="white-space: nowrap;">
      <INPUT type="checkbox" name="user_registered" class="checkbox1" value="14"    >
      </LABEL><BR>                  
      <LABEL style="white-space: nowrap;">
      <INPUT type="checkbox" name="user_registered" class="checkbox2"  value="12"   >
   </div>
</td>
<td>
   <td> </td>


<td>
   <div class=checkboxes>
      <LABEL style="white-space: nowrap;">
      <INPUT type="checkbox" name="user_registered" class="checkbox1" value="24"    >
      </LABEL><BR>                  
      <LABEL style="white-space: nowrap;">
      <INPUT type="checkbox" name="user_registered" class="checkbox2"  value="22"   >
   </div>
</td>
<td>
   <td> </td>

Answer 1

Вы можете сделать это так:

​$("div.checkboxes").each(function() {
    var total = 0;
    $(this).find(":checkbox").each(​​​​​​​​​​​​​​​​function() {
        total += parseInt(this.value, 10);
    });
    $(this).parent().next().text(total);
});

Вы можете попробовать здесь , вам нужно изменить .find(":checkbox") на .find(":checkbox:checked"), если вы хотите суммировать только проверенные значения.

Answer 2

Для каждого div, суммируйте значения флажков (флажок?), Затем найдите следующий TD (следующий родственный элемент родительского TD) и используйте сумму как содержимое найденного TD.

$('div.checkboxes').each( function() {
   var total = 0;
   $(this).find('input:checkbox:checked').each( function() {
       total += parseInt( $(this).val() );
   });
   $(this).closest('td').next('td').html(total);
});