радиокнопка выбора на ярлыке

Question

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

У меня есть следующий код для переключателей:

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

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

Answer 1

Вы путаете атрибут 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>

Answer 2

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