重置動態生成的表格數據的值

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'/>