Question

我遇到了一个jquery函数的问题，我有5个选项框（点击时检查一个复选框）和一个“没有这些”的复选框。

我正在尝试创建一个可以选择多个选项的功能，并通过选中“无这些”复选框，重置它们，反之亦然，如果再次选择一个选项（或多个），则“这些“复选框都没有取消选中。

将其视为市场研究问题！

下面的副本

http://jsfiddle.net/pGgkT/

我遇到的问题是当我选择时，例如选项5,4,3，然后点击“这些都不是”，然后选择bac来选择5,4,3，他们只需点击2次就可以选择而不是仅仅1这对我原本没有选择的其他人来说是必要的（1,2）。

Answer 1

在内部切换按照此处给出的文档向div添加单击处理程序。要解决您的问题，您需要在单击任何一个时调用已检查的div。

我制作了一个简化的解决方案here

您可以通过将none选项的click handler更改为：

来解决此问题

//Checkbox click - Remove selections 
$("#none").click(function() {
    if ($("#none").attr("checked") == "checked") //IF "NONE OF THESE" IS CHECKED!
    {
        var parentsOfSelectedOptions = $( /*<<selector to get parent>>*/ );
        $(parentsOfSelectedOptions).each(function(item) {
            $(item).click();
        });

        //other actions
    }, function() {
        //other actions
    }
});

JQuery选择并取消选择切换问题？

1 个答案: