用jQuery选择特定单选按钮

当我们有一组单选按钮时，有时需要通过特定值选择其中的一个按钮。使用jQuery可以很容易地实现这一点。

假设我们有以下HTML代码，包含三个单选按钮和一个按钮：

<input type="radio" name="fruit" value="apple">苹果<br>
<input type="radio" name="fruit" value="banana">香蕉<br>
<input type="radio" name="fruit" value="orange">橙子<br>
<button id="btnSelect">选择香蕉</button>

如何使用jQuery选择value属性为"banana"的单选按钮呢？我们可以使用以下代码：

$(document).ready(function() {
  $("#btnSelect").click(function() {
    $("input[type='radio'][value='banana']").prop("checked", true);
  });
});

这段代码使用$()函数选择按钮，然后使用prop()函数将选中状态设置为true来选择香蕉单选按钮。我们还使用click()函数将选择代码与按钮单击事件关联起来。

通过这种方法，我们可以轻松地选择任何特定值的单选按钮。

Markdown代码片段

# 用jQuery选择特定单选按钮

当我们有一组单选按钮时，有时需要通过特定值选择其中的一个按钮。使用jQuery可以很容易地实现这一点。

假设我们有以下HTML代码，包含三个单选按钮和一个按钮：

```html
<input type="radio" name="fruit" value="apple">苹果<br>
<input type="radio" name="fruit" value="banana">香蕉<br>
<input type="radio" name="fruit" value="orange">橙子<br>
<button id="btnSelect">选择香蕉</button>

如何使用jQuery选择value属性为"banana"的单选按钮呢？我们可以使用以下代码：

$(document).ready(function() {
  $("#btnSelect").click(function() {
    $("input[type='radio'][value='banana']").prop("checked", true);
  });
});

这段代码使用$()函数选择按钮，然后使用prop()函数将选中状态设置为true来选择香蕉单选按钮。我们还使用click()函数将选择代码与按钮单击事件关联起来。

通过这种方法，我们可以轻松地选择任何特定值的单选按钮。