无法获取复选框以检查和取消选中其他人

时间:2013-01-08 20:32:12

标签: javascript html

我需要帮助尝试获取一些复选框,以便在检查其他人时检查其他人。

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

这需要在页面上多次进行(例如,鸡肉和蔬菜应该检查这两者)。

如果用户取消选中,我还需要能够撤消选择。 即如果勾选了“牛奶和面包”,并且两者都被勾选,那么如果未选中“牛奶和面包”复选框,则必须同时取消选中。

如果复选框是一个列表,我在stackoverflow上找到了各种解决方案,但是我不能让它与脚本的其余部分一起工作(一旦检查了相应的项目,用户就会生成列表,然后将其复制到剪贴板)。

正如你在小提琴中看到的那样,需要有多种“组合”,用户可能需要勾选“牛奶和面包”和“鸡肉和蔬菜”,所以我的问题是如何使用结构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>

1 个答案:

答案 0 :(得分:2)

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

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

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