使用 JavaScript 检查单选按钮

阅读时长 3 分钟读完

在 web 开发中,单选按钮(radio button)是常用的用户输入控件之一。在提交表单前,我们通常需要检查用户是否已选择必要的单选按钮。本文将介绍如何使用 JavaScript 进行单选按钮的检查。

HTML 单选按钮

首先,我们需要了解 HTML 中单选按钮的基本语法:

其中 type 属性指定为 radioname 属性用于将多个单选按钮组合在一起,value 属性表示该选项的值。

检查单选按钮

接下来,我们可以使用 JavaScript 来获取所需的单选按钮,并检查它们是否已被选中。以下是一个示例代码:

-- -------------------- ---- -------
--------- -----
------
------

------- -- ---- -----------

------ ------------ --------- ------------- -------------
------ ---------------------------

------ ------------ ----------- ------------- ---------------
------ -------------------------------

------- ---------------------------------------

--------
-------- ------------- -
  --- ------ - -------------------------------------
  --- ------------------ - ------
  --- ---- - - -- - - -------------- ---- -
    -- ------------------- -
      ------------------ - -----
      ------
    -
  -
  -- --------------------- -
    ------------- ------ ---- ----------
  -
-
---------

-------
-------

在上述示例中,我们首先使用 document.getElementsByName 获取所有名称为 gender 的单选按钮。接着,我们通过循环遍历这些按钮,并查找是否有任何一个单选按钮被选中。如果没有选中的单选按钮,我们将弹出提示框,提示用户选择其性别。

总结

本文介绍了如何使用 JavaScript 来检查单选按钮。学习后,你可以轻松地使用此技术来确保用户完成必填项,提高网站的用户体验。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/24155

纠错
反馈