js全选反选

最新推荐文章于 2023-07-18 11:18:07 发布

Q^Yang

最新推荐文章于 2023-07-18 11:18:07 发布

阅读量559

点赞数 2

文章标签： js

本文链接：https://blog.csdn.net/qiaoqiaoyangyang/article/details/123201471

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <body>
       <form action="" method="post" >
           <input type="checkbox" name="" class="aa" value="" />冬哥<br />
           <input type="checkbox" name="" class="aa" value="" />冬爷<br />
           <input type="checkbox" name="" class="aa" value="" />冬少<br />
           <input type="checkbox" name="" class="aa" value="" />冬王<br />
           <input type="checkbox" name="" class="aa" value="" />冬雪<br />
           <input type="checkbox" name="" class="aa" value="" />冬天<br />
           <input type="button" οnclick="quanxuan()" value="全选"/><br />
           <input type="button" οnclick="fanxuan()" value="反选"/>
       </form>
       <script type="text/javascript">
           let aa= document.getElementsByClassName('aa');
           function quanxuan() {
               let a = aa.length;
               let b = 0;
               for (let i = 0; i < a; i++) {
                  if (aa[i].checked =="") {
                      aa[i].checked = true;
                  } else{
                      b++;
                  }
               }
               if(b == a){
for(let i = 0; i < a; i++){
   aa[i].checked=false;

   }
   }
           }
           function fanxuan() {
               let a= aa.length;
               for (let i = 0; i < a; i++) {
                  if (aa[i].checked == '') {
                      aa[i].checked = true;
                  } else{
                      aa[i].checked = false;
                  }
               }
           }
       </script>
   </body>
</html>

Q^Yang

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js全选反选

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="" method="post" > <input type="checkbox" name="" cla...
复制链接

扫一扫