Question

我正在使用JScript代码在表格中显示图像。每个图像都有一个复选框。我有另一个复选框来选择/取消选择所有图像。但是我很难用jquery / JScript编写选择/取消选择逻辑。这是我的代码：

HTML:

<table>
        <tr id="display-list">
        </tr>
</table>

JScript/JQuery：

function showImage(source, id) {
var list = document.getElementById("display-list");

//Image
var cellImage = document.createElement("td");
var objImage = document.createElement("img");
objImage.classList.add("obj");
cellImage.setAttribute("align", "center");
cellImage.setAttribute("valign", "bottom");
cellImage.appendChild(objImage);
list.appendChild(cellImage);

//Checkbox
var cellCheckbox = document.createElement("td");
var objCheckbox = document.createElement("input");
objCheckbox.id = id;
objCheckbox.type = 'checkbox';
cellCheckbox.setAttribute("valign", "bottom");
cellCheckbox.appendChild(objCheckbox);
list.appendChild(cellCheckbox);

objImage.src = source;
}

全选的HTML复选框如下：

<div id="SelectAll">
            <input type="checkbox" title="Select All Images" />
</div>

请帮助编写选择/取消选择功能。感谢

Answer 1

看起来所有复选框都在ID为display-list的行内，然后尝试

$('#SelectAll input').change(function(){
    $('#display-list input[type="checkbox"]').prop('checked', this.checked)
})

选择表JQuery中的所有复选框

1 个答案: