在前端开发中，经常需要处理表单元素的选中状态。其中，单选按钮是最常用的表单元素之一。本文将介绍如何选中一个单选按钮。
1. HTML
HTML 提供了 <input> 元素来创建单选按钮。我们可以使用 type="radio" 属性来指定它是一个单选按钮。每个单选按钮都应该有一个唯一的 name 属性，这样它们才能彼此排斥。
下面是一个例子：
-- -------------------- ---- -------
------
-------
------ ------------ -------------- ----------------
------ -
--------
-------
------ ------------ -------------- ----------------
------ -
--------
-------
------ ------------ -------------- ----------------
------ -
--------
-------在这个例子中，我们创建了三个单选按钮，并将它们放入同一个表单中。它们的 name 属性都被设置为 "example"，这意味着只能有一个按钮被选中。每个按钮都有一个不同的 value 属性，表示当该按钮被选中时表单提交的值。
2. JavaScript
要从 JavaScript 中选中一个单选按钮，我们需要找到那个按钮的 DOM 元素，并将其 checked 属性设置为 true。下面是一个例子：
-- -------------------- ---- -------
------
-------
------ ------------ -------------- ----------------
------ -
--------
-------
------ ------------ -------------- ----------------
------ -
--------
-------
------ ------------ -------------- ----------------
------ -
--------
------- ------------------------------- ------ ----------
-------
--------
-------- -------------- -
----- ------- - -------------------------------------------------
--------------- - -----
-
---------在这个例子中，我们创建了一个按钮，并将其 onclick 属性设置为 selectOption()。当用户点击该按钮时，selectOption() 函数将被调用。
selectOption() 函数使用 document.querySelector() 方法来找到值为 "option2" 的单选按钮。然后，它将该按钮的 checked 属性设置为 true，这样该按钮就被选中了。
3. 总结
本文介绍了如何选中一个单选按钮。我们通过 HTML 创建了几个单选按钮，并使用 JavaScript 找到并选中其中的一个。
希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8320