通过 jQuery 添加选中属性

Question

我正在使用以下小部件 http://www.erichynds.com/examples/jquery-ui-多选小部件/演示/ 到目前为止效果很好，但我需要一些帮助来添加属性。在使用 Firebug 时，我注意到，只需单击复选框，选中的属性就不会像我期望的那样出现。在我的代码中，我修改了小部件，我已经能够添加代码来删除选中的属性。

this.removeAttribute(\'checked\'); this.checked=false;

如果该项目已事先检查过。 我已成功使用此代码

this.setAttribute(\'checked\', \'checked\'); this.checked=true; 

如果页面加载时未选中该项目，

。当我需要能够在复选框上使用两组代码时，我的问题就出现了，我尝试了以下

onclick="if($(this).attr(\'checked\') == \'true\') { this.setAttribute(\'checked\', \'checked\'); this.checked=true; } else { this.removeAttribute(\'checked\'); this.checked=false; }

代码将删除选中的属性（如果在页面加载之前检查过），但是当我尝试单击时在添加属性的复选框上（如果在页面加载时未选中），则不会发生任何情况。

感谢您的帮助，并对我糟糕的编码表示歉意。

Answer 1

在 jQuery 中用于删除属性使用

this.removeAttr('checked');

和设置属性使用

this.attr('checked', 'checked');

Answer 2

$(this).prop('checked',false)

或者

$(this).prop('checked',true)

Answer 3

我注意到，只需单击复选框，选中的属性就不会出现

这是绝对正确的。 checked 属性不对应于输入的当前检查状态；它实际上对应于 HTML 文档中的初始检查状态，如果重置表单，则将恢复该检查状态。

IE添加该属性是因为IE错误。 getAttribute/setAttribute 在 IE 中被破坏了——永远不要在 HTML 文档上使用它们！——它们实际上设置的是属性，而不是属性。

这是 defaultChecked 属性。但是为什么要尝试设置 checked 属性呢？几乎没有充分的理由这样做。通常，您要寻找的是普通的旧 checked 属性。

Answer 4

在使用 Firebug 时，我注意到，只需单击复选框，选中的属性就不会像我期望的那样出现。

为什么需要 checked 属性？ checked 属性提供了您通常需要的所有功能，即选中该框会将 element.checked 设置为 true ，反之亦然，即修改 element.checked 将更改框的状态。