javascript - 如何通过单击复选框或文本来检查所有复选框

我有一个复选框，它将调用下面给出的jquery函数来检查页面中的所有复选框：

//to check all checkbox
$(document).ready(function () {
    $("#checkAll").click(function () {
        $("input:checkbox").prop('checked', $(this).prop('checked'));
    });
});

但是当我在下面单击“全选”文本时，我也想调用相同的jquery函数，但是它不起作用：

<input type="checkbox" id="checkAll" />
<a id="checkAll" onclick="document.getElementById('checkAll').checked=true" style="cursor:pointer"> Select All </a>

最佳答案

更新 ：

无法在文档中两次分配ID！ ID是用于选择元素的Unique Key，如果要一次选择两个元素，则必须使用class！

<input type="checkbox" class="checkAll" />
<a class="checkAll" onclick="document.getElementsByClassName('checkAll')[0].checked=true" style="cursor:pointer"> Select All </a>

或者解决问题的另一种方法是使用Label标记并将input:checkbox包装到其中，就像

<label>
<input type="checkbox" class="checkAll" />
Select All
</label>