使用 jQuery 设置选中复选框

Shraddha Paghdar 2022年7月18日
使用 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 的浏览器中运行上面的示例代码以显示以下结果。

输出:

设置复选框已选中

运行代码演示

Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

相关文章 - jQuery Checkbox