效果描述:

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

代码实现:

 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>

  

相关文章:

  • 2021-05-02
  • 2021-09-27
  • 2022-01-23
  • 2022-12-23
  • 2022-01-02
  • 2022-12-23
  • 2022-12-23
  • 2021-06-19
猜你喜欢
  • 2021-06-03
  • 2022-12-23
  • 2022-12-23
  • 2021-10-12
  • 2021-08-20
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案