我需要一个依赖另一个“单选按钮”的“单选按钮”

Question

在我的编码中，我有3个单选按钮，所有三个都有子单选按钮。 页面加载时，所有子单选按钮都应处于非活动状态，但当用户单击单选按钮时，它的子单选按钮应该被激活。

如何使用jQuery实现这一目标？ 谢谢

Answer 1

我想这就是你想要做的。请忽略css问题。

＆＃13;

＆＃13;

$(document).ready(function(){
$('.classToChangeDisable').hide();
  $('.classToChange').change(function(){
      $('.classToChangeDisable').hide();
      $(this).siblings('.classToChangeDisable').show();
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tbody>
<tr>
<td>
<input type="radio" name="gender" class="classToChange" /> 1st
<br />
<div class="classToChangeDisable">
<input type="radio" /> 1st Sub
</div>
<br />
</td>
<td>
<input type="radio" name="gender" class="classToChange" /> 2st
<br />
<div class="classToChangeDisable">
<input type="radio" /> 2nd Sub
</div>
<br />
</td>
<td>
<input type="radio" name="gender" class="classToChange" /> 3st
<br />
<div class="classToChangeDisable">
<input type="radio" /> 3rd Sub
</div>
<br />
</td>
</tr>
</tbody>
</table>

＆＃13;

＆＃13;

＆＃13;