在前端开发中，单选按钮是常用的表单元素之一。当用户需要从多个选项中选择一个时，单选按钮是一个非常友好和直观的选择方式。本文将介绍如何使用 jQuery 设置单选按钮的选中值。
了解单选按钮
单选按钮通常用于表示一组相关的选项，其中只能选择一个选项。每个单选按钮都包含一个 value 属性，用于标识该按钮的值。当单选按钮被选中时，它会向服务器发送其 value 值，以便服务器知道哪个选项被选中了。
使用 jQuery 设置单选按钮的选中值
要设置单选按钮的选中值，我们可以使用 prop() 方法来更改该单选按钮的 checked 属性。下面是一个示例代码：
-- -------------------- ---- ------- --------- ----- ------ ------ -------- ---------------------------------------------------------------------------- ------- ------ ------- ------------ ------------- ------------- -------- ------- ------------ ------------- --------------- ---------- ------- ------------- ------------------ ---------- --------- - --------- ------------------------------ - --------------------------------------- - ------------------------------------------------------------- ------ ------ ----- ---------- ------- -------
上面的代码中，我们定义了两个单选按钮，一个用于选择男性，另一个用于选择女性，并且定义了一个按钮，该按钮用于设置所选的单选按钮。在按钮的点击事件中，我们使用 jQuery 选择器来选择名为 gender 的单选按钮组中 value 为 female 的单选按钮，并将其 checked 属性设置为 true。
总结
本文介绍了如何使用 jQuery 设置单选按钮的选中值，并提供了示例代码。要设置单选按钮的选中值，只需使用 prop() 方法更改单选按钮的 checked 属性即可。希望这篇文章能够对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26099