jquery - 使用 Jquery 添加复选框值

Question

我正在尝试使用 Jquery 在按钮单击上添加复选框值。请帮忙。我想在段落中显示结果。

 <div class="container">
 <input type="checkbox" classname="check" id="one" value="1"> 1 <br>
 <input type="checkbox" classname="check" id="two" value="2"> 2 <br>
 <input type="checkbox" classname="check" id="three" value="3"> 3 <br>
 <input type="checkbox" classname="check" id="four" value="4"> 4 <br>
 <input type="checkbox" classname="check" id="five" value="5"> 5 <br>
 <button type="button" id="button"> Add </button><br>
 <p id="total"></p>
 </div>

单击添加按钮，输出应打印在下面。

链接到示例

标签： jquery

Answer 1

下面的按钮单击事件将为您提供所有选中复选框的总数

var total = 0;
          $('input:checkbox:checked').each(function(){ // iterate through each checked element.
            total += isNaN(parseInt($(this).val())) ? 0 : parseInt($(this).val());
          }); 

工作示例