当我点击该单选按钮前面的两个标签中的任何一个时,如何选择单选按钮?
我有以下单选按钮代码:
<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因为我需要它的值在最后保存在数据库中。
答案 0 :(得分: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 :(得分:1)
输入的ID和名称不必相同。保留名称并将第二个无线电的ID更改为其他内容(并将第二个标签的“for”属性更改为该ID)。 当您将表单提交给服务器时,您将通过“name”属性获取值。服务器对ID没有任何了解。