JQ遍历checkbox，禁用未选中项

最新推荐文章于 2022-07-22 08:31:06 发布

原创最新推荐文章于 2022-07-22 08:31:06 发布 · 6.3k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JQuery

当前文章被收录于：

JQuery

26 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种使用jQuery操作复选框的方法，通过监听特定复选框的状态变化来实现对其它复选框的选择禁用功能。当某个指定的复选框被选中时，页面上所有未被选中的复选框将被禁用；反之，则解除所有复选框的禁用状态。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script>
        $(function () {
            var all = $("input:checkbox");
            all.each(function () {
                this.checked = false;
            });
            all.each(function () {
                $(this).click(function () {
                    if (this.checked == true) {
                        var all2 = $("input:checkbox[checked='false']");
                        all2.attr("disabled", "disabled");
                    }
                    else {
                        $("input:checkbox").each(function () {
                            this.disabled = "";
                            this.checked = false;
                        });
                    }
                })
            })
        })
    </script>
</head>
<body>
    <input id="Checkbox1" type="checkbox" name="ck" />
    <input id="Checkbox2" type="checkbox" name="ck" />
    <input id="Checkbox3" type="checkbox" name="ck" />
    <input id="Checkbox4" type="checkbox" name="ck" />
    <input id="Checkbox5" type="checkbox" name="ck" />
</body>
</html>