大家好这里是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"/>女性
那么结果:
可以看到因为男性和女性不同组了,那么它们就像是两个单独的单选框,每个单选框里只有一个可选值😎😎😎好啦下期见噢