javascript - 单选按钮保存第一次单击的值，而不更改为第二次/最后一次单击的值

Question

我正在处理一些遗留代码。有一组单选按钮，true 和 false。 True 是预先选择的。当我单击 false，然后返回单击 true 时，保存的值为 false。如何重写此代码以使其提取最后单击的单选按钮的值？

HTML

<label class="input-radio">
   <input name="radio" value="true" type="radio" checked  />
      <span>True</span>
</label>
<label class="input-radio">
   <input name="radio" value="false" type="radio" />
     <span>False</span>
</label>

Javascript

$('input[name="radio"]').change(function(){
 var selectedValue = $('input[name="radio"]:checked').val();
 if($(this).prop('checked')) {
   $('input[name="radio"]').prop('value',selectedValue);
}
});

Answer 1

您正在将所选单选按钮的值设置为之前选择的单选按钮值。这行代码:

$('input[name="radio"]').prop('value',selectedValue);

导致您有两个具有相同值的单选按钮。所以，你的初始值是正确的。然后，当您单击 false 时，它会将每个单选按钮的值设置为 false，因此当您返回单击 true 时，它实际上设置为 false 由于之前的更改。

我不知道此行的用途，但删除它应该可以解决此问题。