1

我有一个简单的单选按钮。它有点工作。问题是当我单击是时,单选按钮被选中。当我单击否时,它没有被选中。

我希望它具有相同的 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>
4

1 回答 1

7

将输入更改为以下内容。您的 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')
于 2013-08-29T01:29:18.760 回答