jquery怎么设置radio选中状态-开发者知识库平台

jquery怎么设置radio选中状态

radio选中

1554

2023/8/6 14:13:25

栏目: 编程语言

要设置一个radio按钮的选中状态，你可以使用jQuery的prop()方法。这个方法用于获取或设置元素的属性值。

首先，你需要选择要设置选中状态的radio按钮。可以通过选择器来选择特定的radio按钮，例如根据其id、类名或其他属

性进行选择。

然后，使用prop()方法来设置选中状态。将"checked"属性设置为true可以将radio按钮设置为选中状态，将其设置为false

则取消选中状态。

以下是一个示例代码：

javascript

// 选择id为myRadio的radio按钮并将其设置为选中状态

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

如果你有多个radio按钮，并且只想选中其中一个，你可以使用相同的名称来分组它们。然后，只需设置其中一个radio按

钮的选中状态，其他的会自动取消选中。

html

<input type="radio" name="group" id="radio1">

<input type="radio" name="group" id="radio2">

<script>

// 选择id为radio1的radio按钮并将其设置为选中状态

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

</script>

注意：确保在DOM加载完成后执行上述代码，以确保jQuery选择器能够正确找到元素。你可以将代码放在

$(document).ready()函数中，或者将其放在页面底部的<script>标签内。

jquery怎么设置radio选中状态