2009-10-07 216 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