jquery获取选中复选框值并计算(代码)
通过复选框选择相应的value值并进行计算,在一些功能上需要用到。如下图:
下面是jquery获取选中复选框值并计算功能的代码:
<html>
<head>
<title>jquery获取选中复选框值并计算</title>
</head>
<body>
<label class="kc_name">建站课程</label><input type="checkbox" value='680' />
<label class="kc_name">SEO课程</label><input type="checkbox" value='590' />
<label class="kc_name">手机课程</label><input type="checkbox" value='550' />
<label class="kc_name">DZ课程</label><input type="checkbox" value='599' />
<label class="kc_name">电影课程</label><input type="checkbox" value='400' />
<p>总价:<label id="total">0</label></p>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script>
$(function(){
$("input:checkbox").click(function(){
var sum=0;
$("input:checkbox:checked").each(function(){
sum+= parseInt(this.value);
});
$("#total").html(sum.toFixed(2));
});
});
</script>
</body>
</html>
也可以使用以下的代码来获取选择的项目的值;
var yys=[];
jQuery('input:checkbox[name="yuyan"]').click(function(){
jQuery('input:checkbox[name="yuyan"]:checked').each(function(){
yys.push(this.value);
});
});
我参考了您这个代码,但和我的效果略有不同,我有两条相同的div,选其中一条div里的复选框,另一个div也跟着变化