jquery 控制复选框选中个数

效果描述:

页面上有一个文本框,在文本框的值改变时,复选框选中的个数也跟着改变;复选框选中的个数变了,文本框里的值也跟着变!

代码实现:

 1 <script type="text/javascript" language="javascript">
2 /*当输入张数时,复选框就选中 */
3 function docheck() {
4 //清空复选框选中状态
5 $(":checkbox").removeAttr("checked");
6 var num = $("#Count").val(); //要领用的张数
7 var checkboxs = $(":checkbox"); //复选框数组
8 for (var i = 0; i < num; i++) {
9 $(checkboxs[i]).attr("checked", 'true');
10 }
11 }
12 /*统计复选框选中数,并且把选中数显示在张数的文本框中 */
13 function checkit() {
14 var num = $("#Count").val(); //要领用的张数
15 var count = 0;
16 $.each($("input[type='checkbox']:checked"), function () {
17 count = count + 1;
18 });
19 $("#Count").val(count);
20 }
21
22 </script>

  

posted on 2011-08-31 16:40  皮卡丘^_^  阅读(1862)  评论(0编辑  收藏  举报