📅  最后修改于: 2023-12-03 15:16:50.096000             🧑  作者: Mango
当我们需要设置单选按钮(Radio Button)的值时,可以使用jQuery来轻松实现。下面是一个例子:
// 设置单选按钮的值
$('input[name="gender"][value="male"]').prop('checked', true);
以上代码将会选中名为“gender”的单选按钮组中值为“male”的单选按钮。
$('input[name="gender"][value="male"]')
:选择名为“gender”的单选按钮组中值为“male”的单选按钮。.prop('checked', true)
:将选中的单选按钮的checked
属性设置为true
,使其被选中。如果要取消选中单选按钮,只需将true
改为false
即可:
// 取消选中单选按钮
$('input[name="gender"][value="male"]').prop('checked', false);
除了上述prop
方法之外,我们还可以使用attr
方法来设置单选按钮的checked
属性:
// 使用attr方法设置单选按钮的checked属性
$('input[name="gender"][value="male"]').attr('checked', true);
然而,使用attr
方法设置单选按钮的checked
属性在jQuery 1.6版本之后已经不再推荐使用,而是使用prop
方法。
总之,如果你需要设置单选按钮的值,使用jQuery的prop
方法可以让这个任务变得非常简单。