표 JQuery의 모든 선택란을 선택하십시오.

Question

JScript 코드를 사용하여 테이블에 이미지를 표시하고 있습니다. 각 이미지와 함께 확인란이 있습니다. 모든 이미지를 선택/선택 취소 할 다른 확인란이 있습니다. 하지만 jquery/JScript를 사용하여 select/unselect 논리를 작성하는 데 어려움이 있습니다./선택 취소

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

하는 것은 선택 작성 도와주세요 :

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은 모든 체크 박스는 다음과 같다 여기 내 코드입니다 기능. 모든 체크 박스가 체크 상자는 변화의 코드가

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

Answer 1

감사

은 같은데?