jQuery操作表格(table)的常用方法、技巧汇总

2020-05-22 16:22:17易采站长站整理

});


//方法一:
//全选或全不选 此传入的参数为event 如:checkAll(event)
function checkAll(evt){
 evt=evt?evt:window.event;
 var chall=evt.target?evt.target:evt.srcElement;
 var tbl=$(“#table1”);
 var trlist=tbl.find(“tr”);
 for(var i=1;i<trlist.length;i++){
  var tr=$(trlist[i]);
  var input=tr.find(“INPUT[type=’checkbox’]”);
  input.attr(“checked”,chall.checked);
 }
}
//方法二:
//全选或全不选 此传入的参数为this 如:checkAll(this)
function checkAll(evt){
 var tbl=$(“#table1”);
 var trlist=tbl.find(“tr”);
 for(var i=1;i<trlist.length;i++){
  var tr=$(trlist[i]);
  var input=tr.find(“INPUT[type=’checkbox’]”);
  input.attr(“checked”,evt.checked);
 }
}
//方法三:
//全选或全不选 此传入的参数为this 如:checkAll(this)
function checkAll(evt){
    $(“#table1 tr”).find(“input[type=’checkbox’]”).each(function(i){
     $(this).attr(“checked”,evt.checked)
    });
}
//方法四:
//全选或全不选 此传入的参数为this 如:checkAll(this)
function checkAll(evt){
    $(“#table1 tr”).find(“input[type=’checkbox’]”).attr(“checked”,evt.checked);
}



11.客户端动态添加行

function btnAddRow(){
    //行号是从0开始,最后一行是新增、删除、保存按钮行 故减去2
    var rownum=$(“#table1 tr”).length-2;
    var chk=”<input type=’checkbox’ id=’chk_”+rownum+”‘ name=’chk_”+rownum+”‘/>”;
    var text=”<input type=’text’ id=’txt_”+rownum+”‘ name=’txt_”+rownum+”‘ width=’75px’/>”;
    var sel=”<select id=’sel_”+rownum+”‘><option value=’1′>男</option><option value=’0’>女</option></select>”;
    var row=”<tr><td>”+chk+”</td><td>”+text+”</td><td>”+sel+”</td><td>”+text+”</td><td>”+text+”</td></tr>”;
    $(row).insertAfter($(“#table1 tr:eq(“+rownum+”)”));  
}

12.客户端删除一行

每次只能删除一行,删除多行时出错
function btnDeleteRow(){
   $(“#table1 tr”).find(“input[type=’checkbox’]”).each(function(i){