使用jQuery检查页面加载的所有复选框

Question

在页面加载时,使用jQuery如何自动选择特定div中的所有复选框？

Answer 1

$(function(){
    $('#thediv input:checkbox').attr('checked', 'checked');
});

Answer 2

人们似乎对如何在jQuery中执行此操作感到困惑.没有它,检查复选框会更容易,更有效.以下使用jQuery的优势来选择和迭代节点列表,结合checked复选框元素的无法简化的DOM 属性:

$("#myDiv input:checkbox").each(function() {
    this.checked = true;
});

在这种情况下完全删除jQuery并不太难:

var div = document.getElementById("myDiv");
var inputs = div.getElementsByTagName("input");
for (var i = 0, len = inputs.length; i < len; ++i) {
    if (inputs[i].type == "checkbox") {
        inputs[i].checked = true;
    }
}

UPDATE

自从jQuery 1.6发布以来,在jQuery中prop()有一种理智的方法:

$("#myDiv input:checkbox").prop("checked", true);