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"/>女性

那么结果：

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