Jquery 如果选中或未选中组的radiobutton，如何显示或隐藏div？

我有一组单选按钮，如果选中该组中的一个按钮，则会出现一个div，如果取消选中该单选按钮，则div将消失

但是如果我选中一个复选框，div就会出现，如果我选中另一个复选框，第一个选中的单选按钮就会自动取消选中，第一个出现的div就会消失，2。div出现

我试着让代码正常工作。下面是我的HTML代码：

<form>
    <label><input type="radio" name="group1" id="gruppe1"/>Gruppen</label>
    <label><input type="radio" name="group1" id="gruppe2"/>Gruppen 2</label> 
</form>

<div class="layergruppe1">
    <label>Value 1:<input type="number" name="group2" id="value1" value="0" /></label>
    <label>Value 2:<input type="number" name="group2" id="value2" value="0" /></label>
    <label>Value 3:<input type="number" name="group2" id="value3" value="0" /></label>
    <label>Value 4:<input type="number" name="group2" id="value4" value="0" /></label>
</div>

<div class="layergruppe2">
    <label>Value 1:<input type="number" name="group3" id="value1" value="0" /></label>
    <label>Value 2:<input type="number" name="group3" id="value2" value="0" /></label>
    <label>Value 3:<input type="number" name="group3" id="value3" value="0" /></label>
</div>

jsidle:

修正代码，希望有帮助

---

修正代码，希望有帮助

我已经将您的代码压缩了一点：

$('.layergruppe1, .layergruppe2').hide();

$('input[name="group1"]').change(
    function(){
        $('div[class^="layergruppe"]').hide();
        $('div.layer' + this.id).show();
    });

参考资料：

---

我已经将您的代码压缩了一点：

$('.layergruppe1, .layergruppe2').hide();

$('input[name="group1"]').change(
    function(){
        $('div[class^="layergruppe"]').hide();
        $('div.layer' + this.id).show();
    });

参考资料：

其他例子

其他例子

---

有时候最好从一开始就用干净的代码开始，非常感谢。有时候最好从一开始就用干净的代码开始，非常感谢。谢谢你，[class^=“layergruppe”]对我来说是新的，但我将学习如何在进一步的表单和类中使用它：）谢谢，[class^=“layergruppe”]对我来说是新的，但我将学习如何在进一步的表单和类中使用它：）

$(document).ready(function(){
$('.layergruppe1').hide();
$('.layergruppe2').hide();
    $('input[type=radio]').change(function(e)
                                  {
        if (this.id == 'gruppe1') {
            $('.layergruppe1').show();
            $('.layergruppe2').hide();
        } else if (this.id == 'gruppe2') {
            $('.layergruppe1').hide();
            $('.layergruppe2').show();
        }  
      });
});