js设置checkbox选中与取消状态的几种方法
下面列举了使用 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();