单击标签上的单选按钮选择

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>          

我只有问题，如果我改变无线电ID它工作正常，但我需要相同的ID因为我需要它的值在最后保存在数据库中。

Answer 1

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

Answer 2

输入的ID和名称不必相同。 保留名称并将第二个无线电的ID更改为其他内容（并将第二个标签的“for”属性更改为该ID）。 当您将表单提交给服务器时，您将通过“name”属性获取值。 服务器对ID没有任何了解。