HTML单选按钮教程：radio分组与默认选中设置

本文深入浅出地讲解了HTML单选按钮（radio）的核心使用要点：通过统一的name属性实现选项分组与互斥选择，借助value定义提交值、label增强可访问性，并利用布尔型checked属性精准设置每组中唯一的默认选中项；文中还通过性别与爱好等实用示例清晰对比了分组逻辑与常见误区，帮助开发者快速掌握这一看似简单却极易出错的关键表单元素。

HTML中的单选按钮（radio button）用于让用户在一组互斥选项中选择一个。要正确使用单选按钮，关键在于分组和设置默认选中项。

单选按钮的基本语法

单选按钮通过 <input type="radio"> 创建。每个选项都应包含 value 属性和对应的标签（label），提升可访问性。

通过name属性实现分组

单选按钮的分组依赖于相同的 name 属性。只有 name 相同的 radio 按钮才会互斥，即只能选中一个。

例如：两组性别和爱好选择，应使用不同的 name 值：

这样，性别和爱好各自独立，不会相互影响。

设置默认选中项

使用 checked 属性可以让某个单选按钮默认被选中。通常只在一个组中设置一个 checked 项。

示例：默认选中“女”和“阅读”：

注意：checked 是一个布尔属性，只要存在就生效，无需赋值。

基本上就这些。确保每组 radio 使用相同 name，用 checked 设置默认选项，就能正确实现单选功能。不复杂但容易忽略细节。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~