全选 反选

    xiaoxiao2021-09-23  73

    <!doctype html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Document</title> </head> <body> <input type="checkbox" name="ids" value="吃饭">吃饭 <input type="checkbox" name="ids" value="睡觉">睡觉 <input type="checkbox" name="ids" value="打豆豆">打豆豆<br> <input  type="button" id="qx" value="全选" οnclick="qx()"> <input  type="button" id="fx" value="反选" οnclick="fx()"> <input  type="button" id="qbx" value="全不选" οnclick="qbx()"> </body> </html> <script>     function qx(){         var ids=document.getElementsByName("ids");         for(var i=0;i<ids.length;i++){             ids[i].checked=true;         }     }     /**      * function qx()      * {      *      var ids=document.getElementsByName("ids");      *      for(var i=0;i<ids.length;i++)      *      {      *      ids[i].checked=true/false/      *      ids[i].checked=!ids[i].checked      *      }      * }      * */     function qbx(){         var ids=document.getElementsByName("ids");         for(var i=0;i<ids.length;i++){             ids[i].checked=false;         }     }     function fx(){         var ids=document.getElementsByName("ids");         for(var i=0;i<ids.length;i++){             ids[i].checked=!ids[i].checked;         }     } </script>
    转载请注明原文地址: https://ju.6miu.com/read-677832.html

    最新回复(0)