Code666 (代码贴、代码片段)

[JavaScript] js 循环判断选中的checkbox个数 →→→→→进入此内容的聊天室

来自 , 2021-03-07, 写在 JavaScript, 查看 146 次.
URL http://www.code666.cn/view/c7e1249f
  1. <script type="text/javascript">
  2. window.onload = function(){//页面所有元素加载完毕
  3.         var btn = document.getElementById("btn");  //获取id为btn的元素(button)
  4.         btn.onclick = function(){                                  //给元素添加onclick事件
  5.                 var arrays = new Array();              //创建一个数组对象
  6.                 var items = document.getElementsByName("check");  //获取name为check的一组元素(checkbox)
  7.                 for(i=0; i < items.length; i++){  //循环这组数据
  8.                         if(items[i].checked){      //判断是否选中
  9.                                 arrays.push(items[i].value);  //把符合条件的 添加到数组中. push()是javascript数组中的方法.
  10.                         }
  11.                 }
  12.                 alert( "选中的个数为："+arrays.length  );
  13.         }
  14. }
  15. </script>
  16. </head>
  17. <body>
  18. <form method="post" action="#">
  19.         <input type="checkbox" value="1" name="check" checked="checked"/>
  20.         <input type="checkbox" value="2" name="check" />
  21.         <input type="checkbox" value="3" name="check" checked="checked"/>
  22.         <input type="button" value="你选中的个数" id="btn"/>
  23. </form>

回复 "js 循环判断选中的checkbox个数"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666