欢迎访问全国企业网站设计NO.1网站开发商平台 付款方式
主页 > 网站建设 > 建站知识 > 织梦实现多选框全选/取消方法

织梦实现多选框全选/取消方法

POST TIME:2020-10-09

织梦实现多选框全选/取消实例代码:        

 <!DOCTYPE Html>

         <html>

             <head>

                 <script type="text/javascript" src=jquery-1.8.3.min.js"></script>

                 <script type="text/javascript">

                     function selectAll(checkbox) {

                         $('input[type=checkbox]').prop('checked', $(checkbox).prop('checked'));

                     }

                 </script>

             </head>

             <body>

                 <input type="checkbox" onclick="selectAll(this);" />全选<br/>

                 <input type="checkbox"  /><br/>

                 <input type="checkbox"  /><br/>

                 <input type="checkbox"  /><br/>

                 <input type="checkbox"  /><br/>

                 <input type="checkbox"  /><br/>

                 <input type="checkbox"  /><br/>

                 ……

             </body>

         </html>