php - 复选框 onclick 取消选中其他复选框

标签 php javascript jquery

我有 6 个复选框,一个对应每个工作日,一个表示“全部”。

如果有人点击“全部”复选框,我希望能够取消选中所有其他框,如果这有意义的话。

例如,如果有人点击了星期一和星期三……然后他们进来并单击“全部”复选框,那么应该取消选中星期一和星期三复选框。

干杯,

最佳答案

这不是你想要的,但似乎更明智。

HTML

<input type="checkbox" id="chkAll" />
<br />
<input type="checkbox" id="chkMonday" class="child" />
<input type="checkbox" id="chkTuesday" class="child" />
<input type="checkbox" id="chkWednesday" class="child" />
<input type="checkbox" id="chkThursday" class="child" />
<input type="checkbox" id="chkFriday" class="child" />
<input type="checkbox" id="chkSaturday" class="child" />
<input type="checkbox" id="chkSunday" class="child" />

j查询

$(function(){
    $("#chkAll").change(function(){
        if (this.checked) {
            $("input:checkbox.child").attr("checked", "checked");
        }
        else {
            $("input:checkbox.child").removeAttr("checked");
        }
    });
});

查看 working demo

查看 updated version它也处理子复选框中的更改。

关于php - 复选框 onclick 取消选中其他复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4446518/

相关文章:

php - 将 Symfony 4.3.9 升级到 4.4.1/5.0 后的弃用警告

javascript - 两个 GEO 位置之间的距离

javascript - polymer 后退按钮不适用于哈希路由

javascript - 执行 javascript 'undefined' 输出但它按预期工作

jquery - removeClass 上的 CSS 过渡

php - 使用 SFTP 上传文件

php - wordpress循环无法完成posts的查询

php - 调用两个js函数并且不打印消息

javascript - 当值是对象数组时,ng-option 为(键,值)对预选择值

jquery - jQuery如何判断选择的结果是否为空?