使用 jQuery 设置选中复选框
在这篇文章中,我们将学习如何在 jQuery 中设置复选框。
在 jQuery 中设置复选框已选中
此 jQuery 方法接受属性的名称,其值应更新并与元素关联。jQuery 的 .attr()
方法用于为一组匹配的项目/元素设置一个或多个属性。
语法:
attr( attributeName, value )
attributeName
是string
类型的第一个输入参数,表示要设置其值的属性的名称。value
是string
或null
或number
类型的第二个输入参数,表示为所选属性设置的值。如果值为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 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