jQuery实现CheckBox全选、全不选

最新推荐文章于 2024-01-23 19:19:19 发布

fisea

最新推荐文章于 2024-01-23 19:19:19 发布

阅读量352

点赞数

分类专栏： jQuery 文章标签： jquery input function xhtml html server

本文链接：https://blog.csdn.net/fisea/article/details/5552110

版权

jQuery 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Index</title>

     <script src="/Scripts/jquery-1.4.1.js" type="text/javascript"></script>    <script type="text/javascript">
        $(function() {
            $("#CheckAll").click(function() {
                var flag = $(this).attr("checked");
                $("[name=subBox]:checkbox").each(function() {
                    $(this).attr("checked", flag);
                })
            })
        })
    </script>

</head>
<body>
    <div>
        <input id="CheckAll" type="checkbox" />
        <input name="subBox" type="checkbox" />
        <input name="subBox" type="checkbox" />
        <input name="subBox" type="checkbox" />
        <input name="subBox" type="checkbox" />
    </div>
</body>
</html>