javascript - 无法获取复选框来选中和取消选中其他人

Question

我需要帮助来尝试让某些复选框在选中时选中其他复选框。

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

这需要在页面上多次完成(例如，鸡肉和蔬菜应该检查这两个)。

如果用户取消选中，我还需要能够反转选择。即，如果“牛奶和面包”被勾选，并且结果两者都被勾选，那么如果“牛奶和面包”复选框未被选中，则它们都必须取消选中。

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

正如您在 fiddle 中看到的那样，需要有多个“组合”，因为用户可能想要勾选“牛奶和面包”和“鸡肉和蔬菜”，所以我的问题是如何使用结构 I目前有(即下表中的所有内容，而不仅仅是列表)？

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

Answer 1

无耻的 self 推销:这看起来像是 the jQuery-CheckAll plugin 的一个很好的用例我写过。您可以像这样在这种情况下应用它:

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

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