js设置checkbox选中与取消状态的几种方法

Javascript 2020-02-13 阅读 213 评论 0

下面列举了使用 document 或者 jquery 设置 checkbox 选择框选中或者取消选中的几种方法。

使用 checkbox 的 checked 属性

checkbox 的选中属性是 checked,可以通过 document.getElementById("checkbox").checked 获取并设置选中状态,应该是最简单的方法了。

// 选中
document.getElementById("checkbox").checked = true;
// 不选中
document.getElementById("checkbox").checked = false;

亲手试一试 »

使用 jQuery 的 prop 方法

prop方法 仅适用与 jquery 1.6(包括 1.6)以上的版本

// 选中
$("#checkbox").prop("checked", true);

// 不选中
$("#checkbox").prop("checked", false);

亲手试一试 »

使用 jQuery 的 attr 方法

attr方法 适用与 jquery 1.5(包括 1.5)以下的版本

// 选中
$("#checkbox").attr("checked", true);

// 不选中
$("#checkbox").attr("checked", false);

亲手试一试 »

使用 click 点击事件

在浏览器选中或者取消选中 checkbox,会触发 click 事件,因此可以通过 click 切换选中状态。

document.getElementById('checkbox').click();
// 或者使用 jquery
$('#checkbox').click();

亲手试一试 »

最后更新 2020-02-13