jquery要删除table表单中被checkbox选中的多列或全部列,如何实现

jquery要删除table表单中被checkbox选中的多列或全部列,如何实现
2024-11-02 02:24:25
推荐回答(3个)
回答1:

思路:遍历被选中的checkbox对象→根据选中项筛选需要删除的列对象→删除筛选出的列。实例说明如下:

1、HTML结构



1
2
3
4
5

    1-11-21-31-41-5
    2-12-22-32-42-5
    3-13-23-33-43-5

2、jquery代码

$(function(){
  $("input[type='button']").click(function() {
    $("input[name='test']:checked").each(function() { // 遍历选中的checkbox
      n = $(this).parent("td").index();  // 获取checkbox所在列顺序
      $("table#test_table tr").find("td:eq("+n+")").remove();
    });
  });
});

3、效果演示

回答2:

easy,你可以JQ获得所有需要删除的checkbox的ID值,以逗号隔开,
要么放到隐藏控件,然后在后台Click事件中删除,
要么使用ajax,删除.

回答3:

checkbox 会得到 1,2,6,8 这样的数据
通过拆分 遍历 删掉 eq(n) 的对象 可以不删 隐藏也是可以的

关于复制中替换 如果这样就不能直接复制了 你可以把行当做列的集合
先分别得到 列1 2 5 6 (< 没有34)
然后再将 这个集合组成行 再把这个行付给你想生成的对象