동적으로 생성 된 테이블 데이터의 값 재설정

Question

저는 웹 양식에서 Ajax 호출을 사용하여 데이터베이스에서 데이터를 검색하고 동적 테이블에 동적 테이블에 표시하는 작업을하고 있습니다. 테이블의 각 행에는 선택되어 있고 선택되지 않은 확인란이 있습니다. 데이터베이스의 일부 값에. 다음으로 테이블의 값만 지우고 다른 Ajax 호출 버튼을 클릭하면 이전에 생성 된 테이블에 값이 채워져 모든 확인란이 선택 취소됩니다. 어떻게 이것을 달성 할 수 있습니까? 아니면 이것을 달성 할 다른 방법이 있습니까? 이것에 대한 작은지도조차 도움이 될 것입니다.

Answer 1

당신은 다음과 같이 셀이 체크 박스가 있는지 확인하고 취소 또는 그에 따라 내용을 취소 할 수 있습니다 :

$('#clrBtn').click(function(){ 
 
    //Itterate every cell 
 
    $('#myTable td').each(function(index) { 
 
    //Check if cell contains checkbox 
 
    if($(this).find('input[type="checkbox"]').length<1) $(this).empty(); //Clear 
 
    else $(this).find('input').prop('checked', false); // Uncheck 
 
    }); 
 
});

#myTable { 
 
    border-collapse: collapse; 
 
} 
 
#myTable td{ 
 
    border: 2px black solid; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="myTable"> 
 
    <tr> 
 
    <td>Test1</td> 
 
    <td>A</td> 
 
    <td><input type="checkbox" /></td> 
 
    </tr> 
 
    <tr> 
 
    <td>Test2</td> 
 
    <td>B</td> 
 
    <td><input type="checkbox" checked/></td> 
 
    </tr> 
 
</table> 
 
<input type="button" value="clear" id='clrBtn'/>