JQ遍历checkbox，禁用未选中项

最新推荐文章于 2023-09-02 02:03:14 发布

dannywj1371

最新推荐文章于 2023-09-02 02:03:14 发布

阅读量6.2k

点赞数

分类专栏： JQuery 文章标签： input function html

本文链接：https://blog.youkuaiyun.com/dannywj1371/article/details/6414100

版权

JQuery 专栏收录该内容

26 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>