如何使用 JavaScript 或 jquery 选中/取消选中复选框？

Posted 2023-03-10

【中文标题】如何使用 JavaScript 或 jquery 选中/取消选中复选框？

【英文标题】：How to to Check/Uncheck check-box using JavaScript or jquery?

【发布时间】：2014-02-11 01:59:21

【问题描述】：

我可以使用以下代码添加checked 属性

$('#specificCheckBox').prop('checked', true);

但是如何使用 jquery 或 javascript 删除此属性。

【问题讨论】：

check / uncheck checkbox using jquery?的可能重复

【参考方案1】：

不要删除它，而是将其设置为 false：

$('#specificCheckBox').prop('checked', false);

【讨论】：

在输入元素上没有真假，只有选中的属性就足够了，这对我来说很混乱。

@SwapL 在这里您要设置属性，而不是属性，但它很令人困惑，请参见：***.com/questions/5874652/prop-vs-attr 您仍然可以设置属性，但对这种“属性”使用 prop是首选方法

@SomnathKharat 这是真的！但是 OP 要求删除它，恕我直言，这与通常的类似问题完全不同，并且仍然没有解释为什么你也发布了答案；）

issue 不适合发布和支持，qus 不适合 u.its 支持的人

【参考方案2】：

在javascript中：

document.getElementById("specificCheckBox").checked = false;

在 Jquery 中：

$('#specificCheckBox').prop('checked', false);//version 1.6+

【参考方案3】：

这里是fiddle

$('#btnCheck').click(function()
    $('#check').attr('checked', true);
);

$('#btnUncheck').click(function()
    $('#check').attr('checked', false);
);