微分單選按鈕，我不能區分兩個不同的單選按鈕

我有一組單選按鈕在我的註冊表頁面，編碼爲：微分單選按鈕，我不能區分兩個不同的單選按鈕

<label for="text"><input type="radio" name="gen" id='gender' value="Male"> Male <input type="radio" name="gen" id='gender' value="Female"> Female </label><br/>

這些顯示標準的單選按鈕。

我有另一組單選按鈕在我的競猜頁面，代碼

<div class='checkoutform'> 
    <?php for($i=0;$i<$whatever;$i++){ 
     if($i==0){ 
      echo "<div class='fieldlist'>"; 
      echo "<input class='checkedBox2' name='".$question["id"]."' type='radio' id='shipadd1'>"; 
      echo "<label for='shipadd1'>"; 
      echo $contents.'</label>'; 
      echo "</div>"; 
     } 
     else{ 
      echo "<div class='fieldlist'>"; 
      echo "<input type='radio' id='shipadd$j' name='".$question["id"]."'>"; 
      echo "<label for='shipadd$j'>"; 
      echo "</div><br/>"; 
     } 
    } 
?> 
</div>

的問題是，第二組單選按鈕顯示我想要的圖像+標準的單選按鈕，我發現它很難區分這兩者。如果你能幫上忙，那會很棒。這是當前的CSS我使用兩套單選按鈕：

.fieldlist{width:100%; background-color:#fffcd9} 

input[type="radio"] + label{ 
background: url(/images/1.png) right center no-repeat; 
background-size: 20px; 
height: 25px; 
display:inline-block; 
padding: 0 49px 0 0; 
} 

input[type="radio"]:checked + label{ 
    background-size: 20px; -moz-background-size: 20px; 
    background: url(/images/2.png) right center no-repeat; 
} 

label[for=shipadd1]{ 
    width: 60%; 
    float: left; 
    text-align: left; 
} 

label[for=shipadd2]{ 
    width: 60%; 
    float: left; 
    text-align: left; 
} 

label[for=shipadd3]{ 
    width: 60%; 
    float: left; 
    text-align: left; 
} 

label[for=shipadd4]{ 
    width: 60%; 
    float: left; 
text-align: left; 
}

所以，我試圖用標準的單選按鈕在一個頁面上，擦拭實際單選按鈕和更換他們使用的第二頁。有人能告訴我我哪裏出錯了嗎？

在此先感謝

來源

2012-10-11 cwiggo

你有意將所有的CSS應用於標籤，還是希望它適用於單選按鈕？ –

你有兩個單選按鈕具有相同id

id='gender'

只是嘗試TU把他們獨特的

id='genderMale'   id='genderFemale'

然後你讓他們每個ID分化，不知道這是你所要求的...

編輯

你在做什麼是壞的編碼，正如我所說的，不同的ID和一個共享類...

來源

2012-10-11 12:09:05

不需要，我需要區分一組性別單選按鈕和shipadd（1,2,3,4）單選按鈕 – cwiggo

id屬性被認爲是唯一的，所以也許你應該通過類而不是通過id來區分它們，但如你所願 –

添加普通類第2單選按鈕。第二組另一班。這樣你可以區分它們。

來源

2012-10-11 12:19:37 Ajith

微分單選按鈕，我不能區分兩個不同的單選按鈕

回答

相關問題