切换多个复选框

Question

我似乎无法让jquery切换多个复选框。我想抓住页面上具有特定名称的所有复选框并切换它们。这是我目前正在尝试但它只是生成下面的错误，我不知道为什么。我在这里缺少什么？

$("input[name=recurringGridCheckbox]").prop("checked", !(this.prop("checked")));

  

对象不支持属性或方法'prop'

Answer 1

你在setter中使用的变量中存在语法错误; this引用DOMElement，而不是jQuery对象，因此没有prop()方法可用。

要解决此问题，您可以为prop()方法提供一个函数，该函数将根据其当前状态更新属性。试试这个：

$("input[name=recurringGridCheckbox]").prop("checked", function(i, checked) {
    return !checked;
});

Answer 2

.prop是一个jquery方法，因此必须将它与jquery对象一起使用：

$("input[name='recurringGridCheckbox']").prop("checked", !$(this).prop("checked") );

此外，在特定情况下，属性值需要用引号括起来，因此最好始终这样做。