使用jQuery实现Radio单选框的勾选和取消勾选功能

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：js教程 jquery教程 jquery方法

jQuery控制radio单选框勾选和取消勾选的方法主要有两种：一种是使用`.prop()`方法，另一种是使用`.attr()`方法。 1. 使用`.prop()`方法：该方法可以设置或返回被选元素的属性值。对于radio单选框，可以使用`checked`属性来控制其勾选状态。例如，要勾选一个名为`myRadio`的单选框，可以使用以下代码： ```javascript $("#myRadio").prop("checked", true); ``` 2. 使用`.attr()`方法：该方法可以设置或返回被选元素的属性值。对于radio单选框，可以使用`checked`属性来控制其勾选状态。例如，要勾选一个名为`myRadio`的单选框，可以使用以下代码： ```javascript $("#myRadio").attr("checked", "checked"); ```

attr()方法

勾选

$("input[type='radio']").attr("checked",'checked');

取消勾选

$("input[type='radio']").removeAttr('checked');

prop()方法

勾选

$("input[type='radio']").prop("checked",true);

取消勾选

$("input[type='radio']").prop("checked",false);