Jquery 找到选中单选按钮后获取特定div

我在一个页面上有几个单选按钮（大约30个左右），其中一些单选按钮具有切换div（显示/隐藏）的事件。 我试图使它成为可能，当表单被编辑（使用数据库中的数据）时，如果选择了一个单选按钮，它的相关div应该显示出来，而不需要单击

我尝试过的代码和示例html

HTML

<div class="form-group">        
    <div>
        <input type="radio" value="yes">Yes
        <label>
        <input checked="checked"  type="radio" value="No">No</label>
    </div>
</div>

<div class="form-group">       
    <div class="col-xs-3 input-group">
        <input id="buttonToHideThis" onclick="showDiv(this, showThis)" checked="checked" type="radio" value="yes">Yes
        <input onclick="showDiv(this, hideThis)" type="radio" value="no">No
    </div>
</div>

<div class="showThis" style="display: none;">
    <div class="form-group">            
        <div class="col-lg-3 input-group">
            <input id="test" type="text">
        </div>
    </div>
</div>

---

在文档准备就绪时选中“ButtonHideThis”时，我无法让div“showThis”显示。任何帮助都将不胜感激。

您可以循环浏览刚刚选中的按钮

var checked_button = $('input[type="radio"]:checked');
checked_button.each(function(){
    if($(this).val() == 'yes'){
       $(this).closest('div').css('background-color', 'green');
    }else{
       $(this).closest('div').css('background-color', 'red');
    }
});

---

您可以循环浏览刚刚选中的按钮

var checked_button = $('input[type="radio"]:checked');
checked_button.each(function(){
    if($(this).val() == 'yes'){
       $(this).closest('div').css('background-color', 'green');
    }else{
       $(this).closest('div').css('background-color', 'red');
    }
});

---

您的解决方案与我已经尝试过的相同。使用该方法仅更改单选按钮本身周围的div。我想把a区改成下面两三层。。类为“showThis”的div。@Makten您应该提供完整的html结构。。让我们知道div contain单选按钮和div you之间的关系target@Makten这是你的结构吗？？如果是，这是一个演示。。如果没有，请使用您的代码更新JSFIDLE您的JSFIDLE示例与我的html类似structure@Makten因此JSFIDLE中的js代码应该可以使用您的解决方案与我已经尝试过的相同。使用该方法仅更改单选按钮本身周围的div。我想把a区改成下面两三层。。类为“showThis”的div。@Makten您应该提供完整的html结构。。让我们知道div contain单选按钮和div you之间的关系target@Makten这是你的结构吗？？如果是，这是一个演示。。如果没有，请使用您的代码更新JSFIDLE您的JSFIDLE示例与我的html类似structure@Makten因此JSFIDLE中的js代码应该可以与您一起使用