JavaScript 按钮全部选择/全不选

最新推荐文章于 2020-11-07 14:53:07 发布

MEX651938106

最新推荐文章于 2020-11-07 14:53:07 发布

阅读量355

点赞数

分类专栏： javascript 文章标签： javascript 全选全不选

本文链接：https://blog.csdn.net/MEX651938106/article/details/74625781

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
           <title></title>

           <script>
               /*
               * 全选
               */
               function selAll(){
                   var hobbys = document.getElementsByName("hobby");
                   for(var i=0; i<hobbys.length; i++ ){
                       hobbys[i].checked=true;
                   }
               }
               function selNoAll(){
                   var hobbys = document.getElementsByName("hobby");
                   for(var i=0; i<hobbys.length; i++ ){

                       if(hobbys[i].checked){
                           hobbys[i].checked=false;
                       }
                   }
               }
               function FanXuan(){
                   var hobbys = document.getElementsByName("hobby");
                   for(var i=0; i<hobbys.length; i++ ){
                       if(hobbys[i].checked){
                           hobbys[i].checked=false;
                       }else{
                           hobbys[i].checked=true;
                       }
                   }
               }
               function qxono(){
                   var hobbys = document.getElementsByName("hobby");
                   for(var i=0; i<hobbys.length; i++ ){
                       if(hobbys[i].checked){
                           hobbys[i].checked=false;
                       }else{
                           hobbys[i].checked=true;
                       }
                   }
               }
           </script>

   </head>

   <body>
       <input type="checkbox" οnclick="qxono(this)"/>全选/全不选<br>
       <input type="checkbox" name="hobby"/> 篮球
       <input type="checkbox" name="hobby" /> 拍球
       <input type="checkbox" name="hobby"/> 牌球
       <input type="checkbox" name="hobby"/> π球
       <input type="checkbox" name="hobby"/> 排球 <br />
       <input type="button" value="全选" οnclick="selAll();" />
       <input type="button" value="全不选" οnclick="selNoAll();" />
       <input type="button" value="反选" οnclick="FanXuan();"/>
   </body>
</html>

MEX651938106

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 按钮全部选择/全不选

/* * 全选 */ function selAll(){ var hobbys = document.getElementsByName("hobby"); for(var i=0; i
复制链接

扫一扫