在 web 开发中，单选按钮（radio button）是常用的用户输入控件之一。在提交表单前，我们通常需要检查用户是否已选择必要的单选按钮。本文将介绍如何使用 JavaScript 进行单选按钮的检查。
HTML 单选按钮
首先，我们需要了解 HTML 中单选按钮的基本语法：
<input type="radio" name="gender" value="male"> Male<br> <input type="radio" name="gender" value="female"> Female<br>
其中 type 属性指定为 radio，name 属性用于将多个单选按钮组合在一起，value 属性表示该选项的值。
检查单选按钮
接下来，我们可以使用 JavaScript 来获取所需的单选按钮，并检查它们是否已被选中。以下是一个示例代码：
-- -------------------- ---- -------
--------- -----
------
------
------- -- ---- -----------
------ ------------ --------- ------------- -------------
------ ---------------------------
------ ------------ ----------- ------------- ---------------
------ -------------------------------
------- ---------------------------------------
--------
-------- ------------- -
--- ------ - -------------------------------------
--- ------------------ - ------
--- ---- - - -- - - -------------- ---- -
-- ------------------- -
------------------ - -----
------
-
-
-- --------------------- -
------------- ------ ---- ----------
-
-
---------
-------
-------在上述示例中，我们首先使用 document.getElementsByName 获取所有名称为 gender 的单选按钮。接着，我们通过循环遍历这些按钮，并查找是否有任何一个单选按钮被选中。如果没有选中的单选按钮，我们将弹出提示框，提示用户选择其性别。
总结
本文介绍了如何使用 JavaScript 来检查单选按钮。学习后，你可以轻松地使用此技术来确保用户完成必填项，提高网站的用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24155