📌  相关文章
📜  jquery 设置单选按钮值 - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:50.096000             🧑  作者: Mango

jQuery设置单选按钮值 - Javascript

当我们需要设置单选按钮(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方法可以让这个任务变得非常简单。