从复选框中获取值,添加它们并显示结果

Question

我有一些复选框,其中所有都有不同的值但所有数字.

我想获取检查的值,然后将数字加在一起,然后在我的div中显示结果.

<div id="pakker">
<input type="checkbox" value="39" />test 1<br/>
<input type="checkbox" value="79" />test 2<br/>
<input type="checkbox" value="29" />test 3<br/>
<input type="checkbox" value="49" />test 4<br/>
ect
</div>

到目前为止我所拥有的是: var pakker = $('#pakker checkbox:checked').val();

更新: 我想要的结果:<h1 id="sk">0</h1>

但它并没有真正起作用,虽然我没有收到任何错误.

有谁知道如何做到这一点,尽可能容易？

Answer 1

您可以使用属性equals选择器选择复选框(您也可以使用:checkbox选择器,但速度较慢).然后,您需要遍历已检查的复选框集并保持值的运行总计:

var total = 0;
$("#pakker input[type='checkbox']:checked").each(function() {
    total += parseInt(this.value, 10);
});
//Do whatever you like with total

这是一个有效的例子.