javascript - jquery - 动态取消选中单选按钮后刷新按钮

Question

我有一张 table ，上面有很多单选按钮。有一个“全部清除”按钮可以取消选择所有内容。我正在使用类似的代码来执行它:

<input type="radio" name="selections[1]" id="selections_1_3" value="">

<script>
$('#button').click(function(){
    $('#selections_1_3').prop('checked', false);
});
</script>

它工作正常，唯一的问题是，下次我尝试选择通过此代码取消选择的按钮时，我必须单击两次，因为不知何故该按钮可能仍然具有选中的属性，并且单击一次不会执行任何操作.

我尝试过mouseup()、keyup()和refresh()；但什么也解决不了。

Answer 1

您使用的代码对我来说运行良好，如下面的代码片段所示

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="selections[1]" id="selections_1_1" value="">
<input type="radio" name="selections[2]" id="selections_1_2" value="">
<input type="radio" name="selections[3]" id="selections_1_3" value="">
<input type="radio" name="selections[4]" id="selections_1_4" value="">
<input type="button" id="button">
<script>
$('#button').click(function(){
    $('#selections_1_1').prop('checked', false);
  $('#selections_1_2').prop('checked', false);
  $('#selections_1_3').prop('checked', false);
  $('#selections_1_4').prop('checked', false);
});
</script>