javascript - 选中的单选按钮显示一个 div

Question

我有这个标记我的网页之一，

<div class="radio-spoof">
    <input type="radio" name="enquiry" value="General enquiry" class="radio"/>
    <div class="checked"></div>
</div>
<label for="general_enquiry">General enquiry</label>
<div class="radio-spoof">
    <input type="radio" name="enquiry" value="Request a brochure" class="radio" checked="true"/>
    <div class="checked"></div>
</div>
<label for="request_a_brochure">Request a brochure</label>

基本上我正在做的是试图欺骗一些单选按钮，这样我就可以拥有好看的单选按钮，当选中单选按钮时我想显示 .checked设置为 display:none默认情况下。我需要在 DOMReady 上检查选中的单选按钮，当单击单选按钮时，当前我有此页面，但它似乎没有正确选择 .checked div。

if($('input[type=radio]:checked')) {<br/>
console.log("!");<br/>
$(this).parent().children('div').show();<br/>
}

我希望上面的代码选择父级单选按钮，然后查找子 div (.checked) 并显示它。我错了吗？`

Answer 1

$(function(){
  $(':radio').change(function(){
    var $this = $(this);
    console.log($this);
    $(':radio[name='+this.name+']').next().hide();
    if($this.is(':checked')){
      $this.next('.checked').show();
    }
  });
});