Question

我有问题，希望你能帮助我。
我有2个子无线电选项。

1 - 选项A

----变种1

----变种2

----变种3

2 - 选项B

----变种4

----变种5

----变种6

Link to my code

用户必须选择选项A或选项B

如果选择选项A，例如变体1 并将我的变更为选项B和其他变体4或5或6 那么变体1,2,3应该被禁用，而不是选项A. 反之亦然

是否有人决定从选项B返回选项A并留下一些变体4或5或6 并选择变体1或2或3
然后应启用选项B，但不应选择变体4,5,6并应禁用只应启用选项A的变体

我的意思是。用户可以选择两个选项A r B
如果他将选择选项A和一些从1到3的变体并单击选项B，
应自动取消选择1-3中的变体。

如果他将选择选项B和一些4到6的变体并点击选项A，
应自动取消选择4-6的变体。

感谢您的帮助！

Answer 1

试试这个http://jsfiddle.net/ae65Z/

$(function () {
    $("#optionCustomer1, #optionCustomer2").click(function () {
        var id = $(this).attr('id');
        switch(id) {
            case "optionCustomer1":
                $("#variantCustomer1, #variantCustomer2, #variantCustomer3").prop('disabled', false);
                $("#variantCustomer4, #variantCustomer5, #variantCustomer6").prop('disabled', true);
                $("#variantCustomer4, #variantCustomer5, #variantCustomer6").prop('checked', false);
                break;
            case "optionCustomer2":
                $("#variantCustomer1, #variantCustomer2, #variantCustomer3").prop('disabled', true);
                $("#variantCustomer1, #variantCustomer2, #variantCustomer3").prop('checked', false);
                $("#variantCustomer4, #variantCustomer5, #variantCustomer6").prop('disabled', false);
                break;
        }
    });
});

禁用第二个子单选按钮，然后选择1选项，反之亦然

1 个答案: