選擇表中的所有複選框JQuery

Question

我使用JScript代碼在表格中顯示圖像。每個圖像都有一個複選框。我有另一個複選框來選擇/取消選擇所有圖像。但我很難用jquery/JScript編寫select/unselect邏輯。這裏是我的代碼：

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