Javascript 根据单选按钮选择显示不同的div

Javascript 根据单选按钮选择显示不同的div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有三个不同的div。第一个div有两个radio按钮。如果用户选择radio(name=level1),#choose_样式显示。如果他们选择收音机(名称=level1b),#选择_布局显示。现在,第一部分工作,但第二部分不工作。您有一个额外的] $('.choose_level input[type="radio"]').on('change', function () { if ($('input[name=level1]:checked').val()) {

我有三个不同的div。第一个div有两个radio按钮。如果用户选择radio(name=level1),#choose_样式显示。如果他们选择收音机(名称=level1b),#选择_布局显示。现在,第一部分工作,但第二部分不工作。

您有一个额外的
]

$('.choose_level input[type="radio"]').on('change', function () {
    if ($('input[name=level1]:checked').val()) {           
        $('.choose_level').addClass('hidden');
        $('.choose_style').removeClass('hidden');
    }
    else if ($('input[name=level1b]]:checked').val()) {           
        $('.choose_level').addClass('hidden');
        $('.choose_layout').removeClass('hidden');
    }
    });

您有一个额外的
]

$('.choose_level input[type="radio"]').on('change', function () {
    if ($('input[name=level1]:checked').val()) {           
        $('.choose_level').addClass('hidden');
        $('.choose_style').removeClass('hidden');
    }
    else if ($('input[name=level1b]]:checked').val()) {           
        $('.choose_level').addClass('hidden');
        $('.choose_layout').removeClass('hidden');
    }
    });

您有一个额外的
]

$('.choose_level input[type="radio"]').on('change', function () {
    if ($('input[name=level1]:checked').val()) {           
        $('.choose_level').addClass('hidden');
        $('.choose_style').removeClass('hidden');
    }
    else if ($('input[name=level1b]]:checked').val()) {           
        $('.choose_level').addClass('hidden');
        $('.choose_layout').removeClass('hidden');
    }
    });

您有一个额外的
]

$('.choose_level input[type="radio"]').on('change', function () {
    if ($('input[name=level1]:checked').val()) {           
        $('.choose_level').addClass('hidden');
        $('.choose_style').removeClass('hidden');
    }
    else if ($('input[name=level1b]]:checked').val()) {           
        $('.choose_level').addClass('hidden');
        $('.choose_layout').removeClass('hidden');
    }
    });


#选择_布局
还是
。选择_布局
choose\u style
也一样。为什么要检查它是否有值?也许你也应该发布你的HTML,因为这没有什么意义为什么不使用.toggle()而不是指定类来显示/隐藏?是
#选择_layout
还是
。选择_layout
choose\u style
也一样。为什么要检查它是否有值?也许你也应该发布你的HTML,因为这没有什么意义为什么不使用.toggle()而不是指定类来显示/隐藏?是
#选择_layout
还是
。选择_layout
choose\u style
也一样。为什么要检查它是否有值?也许你也应该发布你的HTML,因为这没有什么意义为什么不使用.toggle()而不是指定类来显示/隐藏?是
#选择_layout
还是
。选择_layout
choose\u style
也一样。为什么要检查它是否有值?也许你也应该发布你的HTML,因为这没有什么意义为什么不使用.toggle()而不是指定类来显示/隐藏?谢谢!真不敢相信我错过了。我非常确信我的想法是对的,当它不起作用时,我感到非常困惑。@user3032873-很高兴能帮上忙。那么另一个呢?为你。。。在。选择_样式我有4个复选框。如果选中任何复选框,我希望我的按钮显示为.hidden。if($('.homestyle').is(':checked'))$('.homes').removeClass('hidden');不起作用。我做错了什么?@user3032873-你可能想用有效的HTML和你的jquery代码来回答这个问题。谢谢!真不敢相信我错过了。我非常确信我的想法是对的,当它不起作用时,我感到非常困惑。@user3032873-很高兴能帮上忙。那么另一个呢?为你。。。在。选择_样式我有4个复选框。如果选中任何复选框,我希望我的按钮显示为.hidden。if($('.homestyle').is(':checked'))$('.homes').removeClass('hidden');不起作用。我做错了什么?@user3032873-你可能想用有效的HTML和你的jquery代码来回答这个问题。谢谢!真不敢相信我错过了。我非常确信我的想法是对的,当它不起作用时,我感到非常困惑。@user3032873-很高兴能帮上忙。那么另一个呢?为你。。。在。选择_样式我有4个复选框。如果选中任何复选框,我希望我的按钮显示为.hidden。if($('.homestyle').is(':checked'))$('.homes').removeClass('hidden');不起作用。我做错了什么?@user3032873-你可能想用有效的HTML和你的jquery代码来回答这个问题。谢谢!真不敢相信我错过了。我非常确信我的想法是对的,当它不起作用时,我感到非常困惑。@user3032873-很高兴能帮上忙。那么另一个呢?为你。。。在。选择_样式我有4个复选框。如果选中任何复选框,我希望我的按钮显示为.hidden。if($('.homestyle').is(':checked'))$('.homes').removeClass('hidden');不起作用。我做错了什么?@user3032873-你可能想用有效的HTML和与之关联的jquery代码来回答这个问题。