javascript - 使用 prop 或 attr 时，jQuery 选择所有复选框不起作用

Question

我正在尝试检查表单中的所有复选框，jQuery但它不起作用。我已使用以下代码将其绑定到一些链接元素：

$(document).ready(function() {

    $('#discounts_all').click(function() {
        $('.discount_select').prop('checked', true);
    });

    $('#discounts_none').click(function() {
        $('.discount_select').prop('checked', false);
    });

}

我也尝试过：

$(document).ready(function() {

    $('#discounts_all').click(function() {
        $('.discount_select').attr('checked', true);
    });

    $('#discounts_none').click(function() {
        $('.discount_select').attr('checked', false);
    });

}

元素的html：

<a href="javascript:void(0);" id="discounts_all">All</a>
<a href="javascript:void(0);" id="discounts_none">None</a>

但是，当我单击它们时，没有任何反应，没有错误或任何东西。

Answer 1

至少一个主要问题是您错过了ready处理程序的右括号：（);请参阅评论）。

---

另外，javascript:void(0)我会使用return false;：

$(document).ready(function() {

    $('#discounts_all').click(function() {
        $('.discount_select').prop('checked', true);
        return false;
    });

    $('#discounts_none').click(function() {
        $('.discount_select').prop('checked', false);
        return false;
    });

}); // <<< Also you miss this: ");"

和html：

<a href="#" id="discounts_all">All</a>
<a href="#" id="discounts_none">None</a>

JSDIDDLE