2009-10-07 6 views
6

Как я могу сделать переключатели выбора, когда я нажимаю на любую из двух меток перед этой кнопкой?радиокнопка выбрать на этикетке нажмите

Я следующий код для радиокнопок:

<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>   

Единственная проблема у меня возникли, если я изменю радио ID это отлично работает, но мне нужно ту же причину ID мне нужно его значение в конце, чтобы сохранить в базе данных ,

+1

Радиокнопки должны иметь одно и то же 'имя', но не могут иметь один и тот же идентификатор. HTML требует, чтобы 'id' был уникальным. – Powerlord

ответ

15

Вы вводите в заблуждение атрибут name с атрибутом 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

идентификатор и имя входа не должны быть одинаковыми. Оставьте имя и измените идентификатор второго радио на другое (и измените атрибут второй метки для «) для этого идентификатора. Когда вы отправите форму на сервер, вы получите значение по атрибуту «name». Сервер не знает ничего о ID.

+1

Я не отправляю форму через Jquery, и я использую тег id для получения значений ... – air

+0

jQuery (или JavaScript в целом) не имеет к этому никакого отношения. id - это не тег, это атрибут. И нет, как только вы отправляете на сервер, вы получаете доступ к значениям полей через их имя, а не id. Потому что, как я уже сказал, сервер ничего не знает об идентификаторах. –

Смежные вопросы