幸运快三

人人好!,明天简介一个质朴完玉成选全不选的措施,欲望能对你有赞助哦!

2019-08-17

请求:
1.点击全选按钮时,一切的单击按钮一切被选中;撤消时,单击按钮一切被撤消。
2.全选按钮选中时,撤消任何一个单击选项按钮时,全选按钮撤消选中。
3.一切的单击按钮都选中时,全选按钮自动选中。
<!
DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="checkbox" name="all"/>全选<br /> <input type="checkbox" name="one"/> <input type="checkbox" name="one"/> <input type="checkbox" name="one"/> <input type="checkbox" name="one"/> <input type="checkbox" name="one"/> <input type="checkbox" name="one"/> <input type="checkbox" name="one"/> <input type="checkbox" name="one"/> <script type="text/javascript"> //取得一切相关的元素 var all = document.getElementsByName("all")[0]; var one = document.getElementsByName("one"); //首先给全选按钮绑定一个点击事宜 all.onclick = function(){ //然后遍历一切的单击按钮 for (var i = 0; i < one.length; i++) { one[i].checked = this.checked; //当全选按钮被选中时,一切的单击按钮也都被选中;当全选按钮没点击时,一切单击按钮撤消选中 } } </script> </body> </html
>

运转后的效果以下:
分享图片
本站夷易近众号
   迎接关注本站夷易近众号,取得更多热购幸运快三信息
开发小院