单选按钮通过name属性分组，相同name的选项互斥，value定义选项值，label提升可访问性，checked属性设置默认选中项，每组仅一个选项应被默认选中。
HTML中的单选按钮（radio button）用于让用户在一组互斥选项中选择一个。要正确使用单选按钮，关键在于分组和设置默认选中项。
单选按钮的基本语法
单选按钮通过 创建。每个选项都应包含 value 属性和对应的标签（label），提升可访问性。
通过name属性实现分组
单选按钮的分组依赖于相同的 name 属性。只有 name 相同的 radio 按钮才会互斥，即只能选中一个。
例如：两组性别和爱好选择，应使用不同的 name 值：
立即学习“前端免费学习笔记（深入）”；
这样，性别和爱好各自独立，不会相互影响。
设置默认选中项
使用 checked 属性可以让某个单选按钮默认被选中。通常只在一个组中设置一个 checked 项。
示例：默认选中“女”和“阅读”：
注意：checked 是一个布尔属性，只要存在就生效，无需赋值。
基本上就这些。确保每组 radio 使用相同 name，用 checked 设置默认选项，就能正确实现单选功能。不复杂但容易忽略细节。
以上就是HTML单选按钮用法_HTML radio单选按钮分组与默认选中设置的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1584053.html
微信扫一扫 
支付宝扫一扫 
