1

我需要帮助来尝试让一些复选框在检查其他复选框时检查其他复选框。

即在JSFiddle链接（http://jsfiddle.net/sHKRM/）中，当第一个选项“牛奶和面包”被选中时，我需要检查“面包”和“牛奶”的复选框以及“牛奶”和面包”框保持选中状态。

这需要在页面上多次执行（例如，鸡肉和蔬菜应该同时检查这两项）。

如果用户取消选中，我还需要能够反转选择。即如果勾选了'Milk and Bread'，并且两个都被勾选了，如果'Milk and Bread'复选框没有被勾选，那么它们都必须被取消勾选。

如果复选框是一个列表，我在 stackoverflow 上找到了各种解决方案，但是我无法让它与脚本的其余部分一起使用（一旦选中了相应的项目，用户就会生成列表，然后将其复制到剪贴板）。

正如您在小提琴中看到的那样，需要有多个“组合”，因为用户可能想要勾选“牛奶和面包”和“鸡肉和蔬菜”，所以我的问题是如何使用我在时刻（即如下所示的表格中的所有内容，而不仅仅是列表）？

    <tr>
    <td><input type='checkbox' name='pe_gen1' value='- Milk and Bread' />&nbsp;Milk and Bread</td>
    <td><input type='checkbox' name='pe_gen2' value='- Bread' />&nbsp;Bread</td>
    </tr>
    <tr>
    <td><input type='checkbox' name='pe_gen2' value='- Milk' />&nbsp;Milk</td>
    <td><input type='checkbox' name='pe_gen2' value='- Cookies' />&nbsp;Cookies</td>
    </tr>
4

1 回答 1

2

无耻的自我推销：这看起来像是我编写的 jQuery-CheckAll 插件的一个很好的用例。您可以像这样在这种情况下应用它：

$('input[value="- Milk and Bread"]')
    .checkAll('input[value="- Milk"], input[value="- Bread"]');

http://jsfiddle.net/mattball/cL8LL/

于 2013-01-08T20:36:42.470 回答