html - radio的使用时如何避免整个页面只能选一个的情况

问题描述

1.做单选（radio）时，我设置了两个项目，共4个选项，本计划两个项目各一个选项，但整个页面只能单选，请问怎么回事，是用错type了吗，还是缺了什么？

2.相关代码如下：{% extends ’base.html’ %}

{% block body %}

<h2>{{ the_title }}</h2>

<form method=’POST’ action=’/search4’>

请输入您和他（她）的信息：性别: 男<input type='radio' name='sex' /> 女<input type='radio' name='sex' />生肖: <select><option>鼠</option><option>牛</option><option>虎</option><option>兔</option><option>龙</option><option>蛇</option><option>马</option><option>羊</option><option>猴</option><option>鸡</option><option>狗</option><option>猪</option> width='60'性别: 男<input type='radio' name='sex' /> 女<input type='radio' name='sex' />生肖: <select><option>鼠</option><option>牛</option><option>虎</option><option>兔</option><option>龙</option><option>蛇</option><option>马</option><option>羊</option><option>猴</option><option>鸡</option><option>狗</option><option>猪</option>顏色（color）: <input type='color' name='user_color' />

<p>填好资料, 单击此按钮开始匹配：</p><p><input value=’开始匹配吧！’ type=’SUBMIT’></p></form>

{% endblock %}

3.本计划两个项目各一个选项，但整个页面只能选一项。

4.

问题解答

回答1：

因为你四个radio的name都是sex，name相同代表在同一个组，radio在同一个组只能选中一个。解决方法，不同行设置不同name，如sex2