cuốn sách gpt4 ai đã làm

javascript - 如何从一个框中选择所有字段?

In lại Tác giả: Walker 123 更新时间:2023-11-28 16:27:47 26 4
mua khóa gpt4 Nike

我有这个样本:

liên kết

代码 HTML:










































代码 CSS:

.box1{
background:#d9d9d9;
margin-bottom:20px;
}
.box2{
nền:#ccc;
}

代码 JS:

$('.select-all').click(function(event) {
if(this.checked) {
// Iterate each checkbox
$(':checkbox').each(function() {
this.checked = true;
});
}khác{
$(':checkbox').each(function() {
this.checked = false;
});
}
});

我想要做的是,当“全选”按钮被选中时,选择一个框中的所有字段。

此时,设置所有输入...我只希望当前框。

如何更改我的函数以使其正常工作?

Cảm ơn trước!

câu trả lời hay nhất

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);
});

关于javascript - 如何从一个框中选择所有字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35773306/

26 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress