JQTable增加减少

  1.   

    创新互联是一家专业提供浑江企业网站建设,专注与网站设计、成都网站制作H5页面制作、小程序制作等业务。10年已为浑江众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

  2.   

  3.   

  4.   

  5. jQuery+JavaScript 实现 table 的增加和减少  

  6.   

  7.   

  8.   

  9.       

  10.           

  11.               

  12.           

  13.       

  14.         

  15.       

  16.         $("#add").click(function(){  

  17.             $("#tb1").append('');  

  18.         })  

  19.         $("#minus").click(function(){  

  20.             var tbl_rows = Math.round((document.getElementById('tb1').rows.length));  

  21.             if(tbl_rows>1) dealTableRows('tb1', 0, 1);  

  22.         })  

  23.         $("#empty").click(function(){  

  24.             $("#tb1").empty();  

  25.         })  

  26.         function dealTableRows(tbl_id, opt, cellnum, str){  

  27.             var tblObj = document.getElementById(tbl_id);  

  28.             var newRow,newCell;  

  29.             switch(opt){  

  30.                 case 1:/* 增加一行 */  

  31.                     newRow = tblObj.insertRow(tblObj.rows.length);  

  32.                     for(var i=0; i

  33.                         newCell = newRow.insertCell(newRow.cells.length);  

  34.                         newCell.innerHTML = str[i];  

  35.                     }  

  36.                     break ;  

  37.                 default :  

  38.                     for(var j=0;j

  39.                         tblObj.deleteRow(tblObj.rows.length-1);      

  40.                     }              

  41.                     break ;  

  42.             }  

  43.         }  

  44.       

  45.   

  46.  


网页名称:JQTable增加减少
文章路径:http://ybzwz.com/article/pjeddj.html