單擊單選按鈕標籤不選擇按鈕本身

Question

我有一個簡單的單選按鈕。它有點作品。問題是當我點擊是時，單選按鈕被選中。當我點擊否時，它沒有被選中。

我希望它有相同的ID！

下面是我的代碼...

的jsfiddle： http://jsfiddle.net/bwYrA/

源代碼如下：

<div class="control-group oneLine"> 
    <label class="control-label" for="custom1" >1. Did you telephone the store prior to visiting?</label> 
    <div class="controls"> 
    <div class="row"> 
     <label class="radio col-xs-6 col-sm-4 col-md-4 ol-lg-6" for="custom1"> 
     <input name="custom1" id="custom1" value="1" type="radio"> 
     Yes </label> 
     <label class="radio col-xs-6 col-sm-4 col-md-4 ol-lg-6" for="custom1"> 
     <input name="custom1" id="custom1" value="2" type="radio"> 
     No </label> 
    </div> 
    </div> 
</div> 

Answer 1

更改輸入以下內容。你的ID是重疊的，你必須讓它們唯一，同時保持輸入名稱相同。

 <label class="radio col-xs-6 col-sm-4 col-md-4 ol-lg-6" for="custom1"> 
     <input name="custom" id="custom1" value="1" type="radio"> 
     Yes </label> 
     <label class="radio col-xs-6 col-sm-4 col-md-4 ol-lg-6" for="custom2"> 
    <input name="custom" id="custom2" value="2" type="radio"> 
    No </label> 

不，您不能使用相同的ID。

你可以很可能使用JavaScript做，但我不知道。如果你可以包含jquery，把它放在腳本標籤中，你應該設置。一旦頁面加載，它將更改名稱和屬性。

$('[value="2"]').attr("name","custom2") 
$('[value="2"]').parent().attr('for','custom2')