温馨提示×

jquery怎么设置radio选中状态

小亿
237
2023-07-26 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>标签内。

0