動的に生成されたテーブルデータの値をリセットする

Question

私は、Webフォームを使ってデータベースからajax呼び出しを使用してデータを取得し、動的テーブルに表示しています。テーブルの各行にはチェックボックスがあり、データベースの値によっては次に、テーブルの値だけをクリアし、別のAjaxコールボタンをクリックすると、以前に生成されたテーブルに値が設定され、すべてのチェックボックスがオフになります。これを達成するにはどうすればよいのでしょうか、それを達成するための他の方法がありますか？これについての小さなリードでさえ助けになります。

Answer 1

あなたはセルがチェックボックスを持っているかどうかを確認したいと、このように、それに応じてコンテンツのチェックを外すか、クリアすることがあります。動的に生成された `html`コードの例を考え提供

$('#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'/>