Bạn có thể sử dụng.closest()
找到父div,然后使用.find()
方法获取其中的复选框,
$('.select-all').click(function(event) {
if (this.checked) {
// Iterate each checkbox
$(this).closest("div").find(':checkbox').each(function() {
this.checked = true;
});
} khác {
$(this).closest("div").find(':checkbox').each(function() {
this.checked = false;
});
}
});
Demo
你也可以像这样减少你的代码,
$('.select-all').click(function(event) {
var obj=this;
var parent = $(this).closest("div[class^=box]");
parent.find(':checkbox').each(function() {
this.checked = obj.checked;
});
});
正如 A.Wolf 所建议的,你也可以这样使用,
$('.select-all').change(function(event) {
$(this).closest('div[class^=box]').find(':checkbox').prop('checked', this.checked);
});
Tôi là một lập trình viên xuất sắc, rất giỏi!