设置单选按钮选中

在前端页面开发中，设置单选按钮的选中状态是一个常见的操作。下面介绍几种可以使用jQuery或JavaScript来实现的方法。

方法一：使用.prop()方法

.prop()方法是用来获取或设置元素的属性值的。对于单选按钮的选中状态，可以设置checked属性来实现。

设置选中

以下代码使用.prop()方法将id为“myRadioButton”的单选按钮设置为选中状态：

$("#myRadioButton").prop("checked", true);

取消选中

以下代码使用.prop()方法将id为“myRadioButton”的单选按钮取消选中状态：

$("#myRadioButton").prop("checked", false);

方法二：使用.attr()方法

.attr()方法用来获取或设置元素的属性值。对于单选按钮的选中状态，可以使用checked属性来控制。

设置选中

以下代码使用.attr()方法将id为“myRadioButton”的单选按钮设置为选中状态：

$("#myRadioButton").attr("checked", "checked");

取消选中

以下代码使用.attr()方法将id为“myRadioButton”的单选按钮取消选中状态：

$("#myRadioButton").removeAttr("checked");

方法三：使用JavaScript的checked属性

对于单选按钮，可以使用其checked属性来控制选中状态。以下代码使用JavaScript将id为“myRadioButton”的单选按钮设置为选中状态：

document.getElementById("myRadioButton").checked = true;

取消选中状态时也是类似的：

document.getElementById("myRadioButton").checked = false;

以上三种方法任选其一即可实现设置单选按钮选中，根据实际情况选择最适合自己的方法即可。