javascript - 切换输入复选框

标签 javascript jquery underscore.js

我正在尝试重现 http://jqueryui.com/download/ 的“切换全部”功能的行为

当我选择“切换全部”复选框时,我想检查同一 div 容器中的所有输入框。当我取消选择“切换全部”复选框时,情况恰恰相反。

现在我成功地部分重现了这种行为。
这是我的http://jsfiddle.net/D2RLR/2518/ ,但我想实现一些更智能的东西。
有什么提示吗?

$('.toggle input').click(function () {
    var weekdays;
    for (var i = 0 ; i < 7; i++) {
        weekdays = $('#contest_data_updatePeriodicity_days_' + i);
        weekdays.prop("checked", this.checked);
    }
});

附注 我可以使用 jquery 或下划线

1) 我想使用 contest_data_updatePeriodicity_days_ 选择器
2) 当我选择 div 容器的所有工作日时,如果不是,则应选中“切换全部”复选框。当我取消选择所有字段时,情况恰恰相反。

​http://jsfiddle.net/D2RLR/2518/

最佳答案

而不是

weekdays.prop("checked", true);

试试这个

weekdays.prop("checked", this.checked);

<强> DEMO

关于javascript - 切换输入复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12827961/

相关文章:

javascript - 基于一个数组对象键和其他数组对象值创建另一个新数组?

javascript - 动态目录 - For 循环未完成

javascript - 在数组中优雅地查找正则表达式

javascript - 当对象数组的属性值改变时触发函数

javascript - 为什么我不断收到 "displaymessage is not defined"错误消息?

javascript - 将变量从 jquery on select 函数返回到另一个 jquery onclick 函数

javascript - 使用 PHP 排除特定的 html 标签及其中的内容

javascript - 如何在 jquery 中制作 .join ('' )

javascript - 尝试使用 $.ajax 发送 JSON,改为发送查询字符串

javascript - JS调用函数时如何使用逻辑非(!)运算符?