<tr> <th>学历:</th> <td><input type="radio" name="zhuanke" id="" value="one" checked>专科 <input type="radio" name="benke" id="" value="two">本科 <input type="radio" name="benshuo" id="" value="three">本硕研究生 <input type="radio" name="boshi" id="" value="four">博士研究生 <input type="radio" name="qita" id="" value="five">其他</td> </tr>为什么这一段代码出来的radio组件点击选择后不能做到单选框的效果
时间: 2023-07-06 19:07:58 浏览: 56
这个代码中的radio组件之间没有相同的name属性,因此它们无法彼此排斥,就会出现多选的情况。需要给这些radio组件设置相同的name属性,这样它们就可以实现单选框的效果了。例如:
```
<tr>
<th>学历:</th>
<td>
<input type="radio" name="xueli" id="" value="one" checked>专科
<input type="radio" name="xueli" id="" value="two">本科
<input type="radio" name="xueli" id="" value="three">本硕研究生
<input type="radio" name="xueli" id="" value="four">博士研究生
<input type="radio" name="xueli" id="" value="five">其他
</td>
</tr>
```
在上面的代码中,每个radio组件都有相同的name属性值:xueli。这样就可以保证它们之间互相排斥,实现单选框的效果。