900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > HTML为什么我的单选框按钮两个都可以选择?怎么解决?input的radio属性使用规则

HTML为什么我的单选框按钮两个都可以选择?怎么解决?input的radio属性使用规则

时间:2019-10-13 19:08:18

相关推荐

HTML为什么我的单选框按钮两个都可以选择?怎么解决?input的radio属性使用规则

大家好这里是X,今天有朋友来问了我一个还蛮有意思的东西,就是他在设置单选框的时候,发现他的单选框竟然可以选择多个结果🤪🤪🤪

本来不想解释的,但是还是决定出一篇博客,顺便也提醒一下自己,那我就举个例子:

现在这个框的单选框和多选框都是正常的,其实为什么会出现单选框能多选的原因就是:

分组问题

就举“性别”单选框为例:你必须在代码里要体现男性、女性它们是“一组”的:

<input type="radio" name="sex" value="male" checked="checked"/>男性<input type="radio" name="sex" value="female"/>女性

那么这里就是“name”属性在起着非常关键的作用,radio属性会根据它所在的组去区分,比如说我现在将女性的name属性改成sex1:

<input type="radio" name="sex" value="male" checked="checked"/>男性<input type="radio" name="sex1" value="female"/>女性

那么结果:

可以看到因为男性和女性不同组了,那么它们就像是两个单独的单选框,每个单选框里只有一个可选值😎😎😎好啦下期见噢

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。