HTML單選按鈕選擇

Question

以下是我的代碼，

$(document).ready(function() { 
    $("#es").hide(); 
    $("#n").hide(); 
    $('input[type="radio"]').click(function() { 
     if (this.value === "Yes") 
      $("#es").show(); 
     else if (this.value === "No") 
      $("#n").show(); 
    }); 
}); 

有代表是和no.After 2個單選按鈕選擇是，如果選擇不只是別無選擇，應選擇，但這裏兩個按鈕越來越selecte.How我能糾正這一點嗎？

Answer 1

試試這個：

給兩個單選按鈕同名這樣

<input type="radio" name="radio" value="Yes">Yes 
<input type="radio" name="radio" value="no">No 

Answer 2

只要提供他們兩個相同的名稱。你不需要JavaScript來做到這一點。

<label><input type="radio" name="group" id="es" value="Yes"/>Yes</label> 
<label><input type="radio" name="group" id="n" value="No"/>No</label> 

Fiddle

Answer 3

您需要組單選按鈕。
爲單選按鈕指定相同的名稱。