Question

我正在生成动态表，其中atlas列我有复选框我想在点击该复选框时删除表格的行。

我正在动态生成表格表结构是 RolNo | StudentName |商标|复选框复选框的Onclick我一直在创建另一个表并复制所选行，所以使用这个..

 $('#one tbody tr td input.checkbox:not(:checked)').on('change',function(e){
  var row=$(this).closest('tr').html();
  $('#two tbody').append('<tr>'+row+'<tr>');
});

现在我要做的是当我点击第二个表格复选框时该行应该被删除。

还有另一个问题，如果我需要，我如何在变量中提取第二个表字段？

Answer 1

试试这个：您需要使用.on()函数将click事件绑定到动态生成的表内的复选框，请参阅下面的代码

$(function(){
  $(document).on("click","#two input[type='checkbox']",function(){      
     //find the parent tr and remove it
     $(this).closest("tr").remove(); 
  });
});

编辑 - 在将第1行复制到第2行时使用.clone()，以便保留每个元素的单独副本

$('#one tbody tr td input.checkbox:not(:checked)').on('change',function(e){
  var row=$(this).closest('tr').clone();
  $('#two tbody').append(row);
});

Answer 2

如果我们不想在另一个表格中显示复选框，我们可以这样做

$('#one tbody tr td input.checkbox:not(:checked)').on('change',function(e){

var row = $(this).closest('tr');
var tempRow = row.clone();
$(tempRow ).find('td:last').remove();
var tds=$(tempRow ).html();
$('#two tbody').append('<tr>'+tds+'</tr>');

});

Answer 3

尝试以下方法。

$(function(){      
$(document).on("click","table#id input[type='checkbox']").click(function(){      
      $(this).closest("tr").remove(); 
      });
});

Answer 4

'$（ '＃复选框'）。点击（函数（）{ $（本）。家长（ 'TR'）除去（）;

}）`

Answer 5

$(function(){
   $('#CheckBox').click(function(){
       $(this).parents('tr').remove();
   })
})

如何在复选框上单击删除表格的一行？

5 个答案: