js实现全选，全不选，反选

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

 </head>

 <body>

         <ul>

                 <li><input type="checkbox" name="sports">aaaa</input></li>

                 <li><input type="checkbox" name="sports">aaaa</input></li>

                 <li><input type="checkbox" name="sports">aaaa</input></li>

                 <li><input type="checkbox" name="sports">aaaa</input></li>

                 <li><input type="checkbox" name="sports">aaaa</input></li>

         </ul>

         <script type="text/javascript">

         var obj = document.getElementsByName('sports');

     //下面是全选

             function quanxuan()

             {

                     for (var i = 0; i <= obj.length; i++) {

                             obj[i].checked=true;

                     }

             }

                 //下面是反选

                 function fanxuan()

             {

                                 for (var i = 0; i <= obj.length; i++) {

                                         if(obj[i].checked){

                                             obj[i].checked=false;

                                         }else {

                                         obj[i].checked=true;

                                     }

                                 }

             }

         //下面是全不选

         function quanbuxuan()

             {

                 for (var i = 0; i <= obj.length; i++) {

                                 obj[i].checked=false;

                 }

             }

     </script>

 <a href="javascript:quanxuan()" >全选</a>

 <a href="javascript:fanxuan()" >反选</a>

 <a href="javascript:quanbuxuan()">全不选</a>

 </body>

 </html>
巴特西

js实现全选，全不选，反选

最新文章

热门文章
