jquery 一句话实现全选框

最新推荐文章于 2026-01-05 12:22:51 发布

原创最新推荐文章于 2026-01-05 12:22:51 发布 · 197 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

WEB开发专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种利用jQuery简化DOM操作的方法，通过一个全选按钮控制页面上所有复选框的状态。此方法适用于需要批量操作元素的场景，提高了前端交互的效率。

<!DOCTYPE Html>

02
<html>

03
    <head>

04
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>

05
        <script type="text/javascript">

06
            function selectAll(checkbox) {

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

08
            }

09
        </script>

10
    </head>

11
    <body>

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

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

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

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

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

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

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

19
        ……

20
    </body>

21
</html>