使用 jQuery 设置选中复选框

在这篇文章中,我们将学习如何在 jQuery 中设置复选框。

在 jQuery 中设置复选框已选中

此 jQuery 方法接受属性的名称,其值应更新并与元素关联。jQuery 的 .attr() 方法用于为一组匹配的项目/元素设置一个或多个属性。

语法:

attr( attributeName, value )
  1. attributeNamestring 类型的第一个输入参数,表示要设置其值的属性的名称。
  2. valuestringnullnumber 类型的第二个输入参数,表示为所选属性设置的值。如果值为 null,指定的属性将被删除,类似于 .removeAttr()

.attr() 技术可以方便地设置属性的值——特别是在放置多个属性或使用函数返回的值时。 .attr() 方法减少了不一致。

你可以在 .attr() 的文档中找到有关 jQuery 的 .attr() 的更多信息。

让我们举个例子。

代码 – HTML:

<input type="checkbox" id="Mumbai">Mumbai
<input type="checkbox" id="Goa">Goa

代码 – JavaScript + jQuery:

$('#Goa').attr('checked','checked');

我们描述了两个复选框,每个复选框都分配了不同的 id。你可以使用 attr() 方法访问复选框的选中属性。

此方法允许你更新要设置为默认值的复选框的属性。在任何支持 jQuery 的浏览器中运行上面的示例代码以显示以下结果。

输出:

使用 jQuery 设置选中复选框

运行代码演示