使用JavaScript检查/取消选中复选框?
如何使用JavaScript或jQuery检查/取消选中复选框?
使用Javascript:
// Check
document.getElementById("checkbox").checked = true;
// Uncheck
document.getElementById("checkbox").checked = false;
jQuery(1.6+):
// Check
$("#checkbox").prop("checked", true);
// Uncheck
$("#checkbox").prop("checked", false);
jQuery(1.5-):
// Check
$("#checkbox").attr("checked", true);
// Uncheck
$("#checkbox").attr("checked", false);
尚未提及的重要行为:
以编程方式设置选中的属性,不会触发复选框的change
事件 。
在这个小提琴中看到自己:
http://jsfiddle.net/fjaeger/L9z9t04p/4/
(小提琴在Chrome 46,Firefox 41和IE 11中测试过)
click()
方法
有一天,你可能会发现自己正在编写代码,这依赖于被解雇的事件。 要确保事件触发,请调用复选框元素的click()
方法,如下所示:
document.getElementById('checkbox').click();
但是,这会切换复选框的选中状态,而不是专门将其设置为true
或false
。 请记住,只有当checked属性实际发生更改时,才会触发change
事件。
它也适用于jQuery方式:使用prop
或attr
设置属性,不会触发change
事件。
checked
设置为一个特定的值
在调用click()
方法之前,您可以测试checked
属性。 例:
function toggle(checked) {
var elm = document.getElementById('checkbox');
if (checked != elm.checked) {
elm.click();
}
}
点击这里了解更多关于点击方法
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click
去检查:
document.getElementById("id-of-checkbox").checked = true;
取消选中:
document.getElementById("id-of-checkbox").checked = false;
链接地址: http://www.djcxy.com/p/71025.html