使用JavaScript(jQuery或Vanilla)选中/取消选中复选框?

JavaScript

泡芙小宇宙十三

2020-03-12

如何使用JavaScript,jQuery或Vanilla选中/取消选中复选框?

第1161篇《使用JavaScript(jQuery或Vanilla)选中/取消选中复选框?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

3个回答
梅米亚 2020.03.12
function setCheckboxValue(checkbox,value) {
    if (checkbox.checked!=value)
        checkbox.click();
}
Tony达蒙 2020.03.12

去检查:

document.getElementById("id-of-checkbox").checked = true;

取消选中:

document.getElementById("id-of-checkbox").checked = false;
猪猪Stafan小卤蛋 2020.03.12

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);

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android