我有一个简单的单选按钮。这有点管用。问题是当我单击是时,单选按钮被选中。当我点击否时,它没有被选中。
我希望它有相同的 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>
最佳答案
将输入更改为以下内容。您的 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')
关于html - 单击单选按钮标签而不选择按钮本身,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18500868/