请问怎么用jquery 求和checkbox的值，把多选的值加起来
比如<inputtype="checkbox"name="fs"value="5"}"/>和<inputtype="checkbox"name="fs"value="8"...
比如<input type="checkbox" name="fs" value="5" }"/>和<input type="checkbox" name="fs" value="8" }"/> 在选中2个复选框的时候弹出两个值的和13
展开
4个回答
展开全部
$(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个复选框之后再弹出两个值的和，所以我也就按照你的意思来了
$(":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个复选框之后再弹出两个值的和，所以我也就按照你的意思来了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
多选的值加起来？算术加？变成数组？字符串连接？
算术加：
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,...”
算术加：
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,...”
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
看看是不是以下效果
<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>
<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>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(":checkbox[name='ck_item']:checked").map(function(){
return $(this).val() ;
}).get().join(",")
//其中的name=‘ck_item’ 请替换成你自己的checkbox name属性名~
return $(this).val() ;
}).get().join(",")
//其中的name=‘ck_item’ 请替换成你自己的checkbox name属性名~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
