单击单选按钮标签不选择按钮本身

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')