jQuery +累加复选框值 [英] Jquery + Add Up Checkbox Values

问题描述

我的页面上有很多复选框.每个复选框用于一个不同的项目(虚拟玫瑰)，并且玫瑰具有不同的值.我已将玫瑰的值放入复选框的value ="中.我需要将已勾选的复选框的总价值相加-例如:100、230等.唯一的其他因素是我只需要添加带有"giftsRosesCheckBox"类的复选框.

I have a page with a number of checkboxes. Each Checkbox is for a different item (virtual Rose) and rose has a different value. I have put the value of the rose into the value="" of the checkbox. I need to add up the total value of the ticked checkboxes - eg: 100, 230 etc. The only other factor is I need to only add up checkboxes with the class "giftsRosesCheckBox".

<table id="tableGiftsWhiteRose"><tr>
  <td colspan="2">White Rose</td></tr><tr>
  <td><input type="checkbox" class="giftsRosesCheckBox" value="100"/></td>
  <td class="credits">100 credits</td> 
</tr></table>

<table  id="tableGiftsRedRose"><tr>
  <td colspan="2">Red Rose</td></tr><tr>
  <td><input type="checkbox" class="giftsRosesCheckBox" value="130"/></td>
  <td class="credits">130 credits</td>      
</tr></table>

<table><tr>
  <td colspan="2">Stunning Red Rose</td></tr><tr>
  <td><input type="checkbox" class="giftsRosesCheckBox" value="150"/></td>
  <td class="credits">150 credits</td>      
</tr></table>

我真的不确定如何执行此操作，因此朝正确方向的推动会很棒.

I'm really not sure how to do this so a push in the right direction would be great.

非常感谢.

推荐答案

$(".giftsRosesCheckBox").click(function() {
    var total = 0;
    $(".giftsRosesCheckBox:checked").each(function() {
        total += parseInt($(this).val(), 10);
    });
    alert(total);
});

这篇关于jQuery +累加复选框值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！