選擇表JQuery中的所有復選框

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