覆蓋已選中的單選按鈕並檢查其他按鈕

Question

我有兩個單選按鈕。 默認情況下會檢查一個，但我想取消選中一個並默認檢查另一個。

所以我有這個HTML：

<div class="gui-radio">
  <input type="radio" value="register" name="choise" id="new-register">
  <label for="register">Register</label>
</div>
<div class="gui-radio">
  <input type="radio" checked="checked" value="guest" name="choise" id="new-guest">
  <label for="new-guest">Guest</label>
 </div>

全部自動生成。 我需要用Jquery完成這個。

那么如何取消選中第二個並檢查第一個？

Answer 1

jQuery 1.6+

您可以通過設置.prop('checked', true);來檢查復選框.prop('checked', true); 並通過設置.prop('checked', false);取消選中它.prop('checked', false); 。

$('#new-register').prop('checked', true);
$('#new-guest').prop('checked', false);

jQuery 1.5及以下版本

$('#new-register').attr('checked','checked');
$('#new-guest').removeAttr('checked');

Answer 2

它們已經通過name屬性連接，因此您需要做的就是檢查第一個 - 第二個將自動取消選中，因為在一個無線電組中只能選擇一個。

這是你在jQuery中檢查收音機/復選框的方法：

$('#new-register').prop('checked', true);

• 記得使用prop ，而不是attr 。
• jsFiddle演示

Answer 3

這檢查第一台收音機：

jQuery('input#new-register').prop('checked', true);

關閉輸入也許是一個好主意：

<div class="gui-radio">
    <input type="radio" value="register" name="choise" id="new-register" />
    <label for="register">Register</label>
</div>
<div class="gui-radio">
    <input type="radio" checked="checked" value="guest" name="choise" id="new-guest" />
    <label for="new-guest">Guest</label>
</div>

jsfiddle鏈接