javascript - 检查其中一个后检查单选按钮

Question

我有两个单选按钮，如下所示:

<label for="male">Male<br>
  <input type="radio" name="gender" id="male" value="male"><br>
  <input type="radio" name="gender1" id="male" value="male1"><br>
</label>

如何通过只点击一个来检查它们？例如点击第一个 radio 并选中第一个和第二个

Answer 1

属性id在文档中必须是唯一的，使用 class反而。单击任何按钮时，您可以将 checked 属性设置为 true:

$('.male').click(function(){
  $('.male').attr('checked', true);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for="male">Male<br>
  <input type="radio" name="gender" class="male" value="male"><br>
  <input type="radio" name="gender1" class="male" value="male1"><br>
</label>