html - radio的使用时如何避免整个页面只能选一个的情况
世界只因有你
世界只因有你 2017-06-05 11:12:45
0
1
610

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板