jquery 全选问题 <table> <tr><td><input type="checkbox" name="all" id="all" value="全选"/>全选</td>
发布网友
发布时间：2022-05-19 00:52
共2个回答
热心网友
时间：2022-05-19 02:22
$(function() {
var all_checked = false;
$(":checkbox").click(function() {
var table = $(this).parents("table");
if($(this).attr("id") === "all") {
table.find(":checkbox").prop("checked", !all_checked);
all_checked = !all_checked;
}
else {
table.find(":checkbox[id!=all]").each(function (i) {
if(!$(this).is(":checked")) {
table.find("#all").prop("checked", false);
all_checked = false;
return false;
}
$("#all").prop("checked", true);
all_checked = true;
});
}
});
});
</script>
<tr><td><input type="checkbox" name="all" id="all" /> 全选</td></tr>
<tr><td><input type="checkbox" /> 1</td></tr>
<tr><td><input type="checkbox" /> 2</td></tr>
<tr><td><input type="checkbox" /> 3</td></tr>
<tr><td><input type="checkbox" /> 4</td></tr>
</table>
