从
基础 / 深入 / 实战
逐步学会建网站
通过复选框选择相应的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);
});
});
