JavaScript---全选与全取消

菜鸟想高飞丶

于 2021-03-08 14:36:14 发布

阅读量135

点赞数

分类专栏： JavaScript 文章标签： js dom

本文链接：https://blog.csdn.net/qq_42559585/article/details/114530578

版权

JavaScript 全选取消全选复选框事件处理

关键词由CSDN通过智能技术生成

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<html>
    <head>
        <title>全选和取消全选</title>

    </head>
    <body>
        <script type="text/javascript">
     window.onload=function(){
	 var all=document.getElementById("all")
	 var ckb=document.getElementsByName("ckb")
	 all.onclick=function(){ 
	 for(var i=0;i<ckb.length;i++){
	 ckb[i].checked=all.checked	
	 }
	 }
	 var  checkdNumber=0//记录单击复选框的按钮次数
	 for(var i=0;i<ckb.length;i++){
	 ckb[i].onclick=function(){
	  checkdNumber++
	 
	  if(checkdNumber==ckb.length){
	  all.checked=true
	  }
else{
all.checked=false
}
	 }
	 }
	 }
	   
        </script>
<input type="checkbox" id="all">全选/全不选<br>
<input type="checkbox" name="ckb">篮球<br>
<input type="checkbox" name="ckb">足球<br> 
<input type="checkbox" name="ckb">排球<br>
<input type="checkbox" name="ckb">网球<br>
    </body>
</html>

菜鸟想高飞丶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript---全选与全取消

<html> <head> <title>全选和取消全选</title> </head> <body> <script type="text/javascript"> window.onload=function(){ var all=document.getElementById("all") var ckb=document.getElemen.
复制链接

扫一扫

专栏目录