2009-10-07 179 views
6

如何在单击该单选按钮前面的两个标签中的任意一个时选择单选按钮?单选按钮上的单选按钮单击

我有以下单选按钮的代码:我有,如果我改变无线电ID它做工精细,但我需要相同的ID,因为我需要在最后的数据库来保存它的价值

<div class="label_main" style="width:350px"> 
    <div class="label_radio"> 
     <input type="radio" name="group1" id="group1" value="0" 
     <?php if($r0==0) { ?> 
     checked="checked" 
     <?php } ?> 
     /> 
    </div> 
    <div class="label_top"> 
     <label for="group1">First Option </label> 
    </div> 
    <div class="label_desc"> 
     <label for="group1">This is first option </label> 
    </div> 
    </div> 
     </div> 

    <div class="label_main" style="width:350px"> 
    <div class="label_radio"> 
     <input type="radio" name="group1" id="group1" value="1" 
     <?php if($r0==1) { ?> 
     checked="checked" 
     <?php } ?> 
     /> 
    </div> 
    <div class="label_top"> 
     <label for="group1">Second Option </label> 
    </div> 
    <div class="label_desc"> 
     <label for="group1">This is Second Option </label> 
    </div> 
    </div>   

唯一的问题。

+1

单选按钮应该具有相同的'name',但不能具有相同的'id'。 HTML要求'id's是唯一的。 – Powerlord 2009-10-07 21:00:56

回答

15

您很难将name属性与id属性混淆。

它们应该各自具有相同的名称,但是具有不同的ID。

例如:输入

<input type="radio" name="group1" id="group1_0" value="0"> 
<input type="radio" name="group1" id="group1_1" value="1"> 

<label for="group1_0">CLicky 0</label> 
<label for="group1_1">CLicky 1</label> 
1

ID和名称不必是相同的。保留名称并将第二个电台的ID更改为其他电台(并将第二个电台的“for”属性更改为该ID)。 当您将表单提交给服务器时,您将通过“name”属性获取值。服务器不知道任何关于ID的信息。

+1

我不是通过jquery提交表单,我使用id标签来获取值... – air 2009-10-07 21:08:13

+0

jQuery(或JavaScript一般)与此无关。 id不是标签,它是一个属性。 不,一旦你提交给服务器,你可以通过他们的名字不是id来访问字段的值。因为,正如我所说的,服务器不知道任何关于ID的信息。 – 2009-10-07 22:21:19