!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="checkbox" value="1"name="check" checked="checked"/> <input type="checkbox" value="2"name="check" /> <input type="checkbox" value="3"name="check" checked="checked"/> <input type="button" value="你选中的个数" id="btn"/> </body> <script> window.onload=function(){ var btn=document.getElementById("btn") btn.onclick=function(){ //click事件的添加 var btn_arrays=new Array() //定义新数组btn var items=document.getElementsByName("check"); /*获取name为check的标签*/ //利用for循环遍历数组items 进而获取被选中的标签的个数。 for(var i=0;i<items.length;i++){ if(items[i].checked){ btn_arrays.push(items[i].value); } } alert("选中的个数为"+btn_arrays.length) } } </script> </html>
输出被选中的标签个数
猜你喜欢
转载自1508144386.iteye.com/blog/2413476
今日推荐
周排行