Question

我正在处理一个Web表单，其中我使用ajax调用从数据库中检索数据并将其显示在动态表中，表中的每一行都有一个复选框，该复选框根据数据库中的某个值进行检查和取消选中。接下来我想只清除表的值，然后当我点击另一个ajax调用按钮时，值应该填充在先前生成的表中，并且未选中所有复选框。我如何实现这一目标或有任何其他方法来实现这一目标。即使是一个小小的领导也会有所帮助。

Answer 1

您可能需要检查单元格是否有复选框，并取消选中或清除相应的内容，如下所示：

＆＃13;

$('#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
  });
});

＆＃13;

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

＆＃13;

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

＆＃13;

重置动态生成的表数据的值

1 个答案: