请问怎么用jquery 求和checkbox的值，把多选的值加起来

比如<input type="checkbox" name="fs" value="5" }"/>和<input type="checkbox" name="fs" value="8" }"/> 在选中2个复选框的时候弹出两个值的和13

推荐答案 2012-01-30

$(function() {
$(":checkbox[name=fs]").each(function() {
$(this).click(function() {
var a = $(this).attr("checked");
var b = $(this).siblings(":checkbox[name=fs]").attr("checked");
if (a == "checked" && b == "checked") {
getTotal();
}
});
});
});
function getTotal() {
var total = 0;
$(":checkbox[name=fs]").each(function() {
var v = $(this).val();
total += parseInt(v);
});
alert(total);
}
运行测试通过了
因为你说的是选中2个复选框之后再弹出两个值的和，所以我也就按照你的意思来了

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/06CSS2SXh.html

其他回答

第1个回答 2012-01-30

多选的值加起来？算术加？变成数组？字符串连接？
算术加：
var s = 0;
$(':checkbox:checked').each(function(i, n) { s += new Number(n.value); });
window.alert("结果为：" + s);
变成数组：
var s = [];
$(':checkbox:checked').each(function(i, n) { s[s.length] = n.value; });
window.alert("结果为：" + s.join()); // s 为值数组，不能直接输出，连接后输出为“值1,值2,...”

第2个回答推荐于2018-05-07

看看是不是以下效果
<html>
<head>
<script LANGUAGE="JavaScript" src="jquery.js"></script>
<script LANGUAGE="JavaScript">
$(function(){
$("input:checkbox").click(function(){
var sum=0;
$("input:checkbox:checked").each(function(){
sum+= parseInt(this.value);
});
alert(sum);
});
});
</script>
</head>
<body>
<input type="checkbox" value='1' />
<input type="checkbox" value='2' />
<input type="checkbox" value='3' />
<input type="checkbox" value='4' />
<input type="checkbox" value='5' />
</body>
</html>本回答被提问者和网友采纳

第3个回答 2012-01-30

$(":checkbox[name='ck_item']:checked").map(function(){
return $(this).val() ;
}).get().join(",")
//其中的name=‘ck_item’ 请替换成你自己的checkbox name属性名~

相似回答

jquery怎么获得相加的值答：(document).ready(function(){ var sum = 0; $.each($(":checkbox[name='checkvalue']"),function(){ sum += parseInt(this.value); }); alert(sum);});

如何用jQuery实现checkbox全选答：全不选：(":checkbox").removeAttr("checked");反选：(":checkbox:checked").removeAttr("checked");(":checkbox:not(:checked)").attr("checked","checked");全手写，没有经过测试。完整代码如下，测试通过： 如何用jQuery实现checkbox全选 //全选，全不选 function allSelect(...

大家正在搜