JQTable增加减少
创新互联是一家专业提供浑江企业网站建设,专注与网站设计、成都网站制作、H5页面制作、小程序制作等业务。10年已为浑江众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。
jQuery+JavaScript 实现 table 的增加和减少 $("#add").click(function(){
$("#tb1").append('');
})
$("#minus").click(function(){
var tbl_rows = Math.round((document.getElementById('tb1').rows.length));
if(tbl_rows>1) dealTableRows('tb1', 0, 1);
})
$("#empty").click(function(){
$("#tb1").empty();
})
function dealTableRows(tbl_id, opt, cellnum, str){
var tblObj = document.getElementById(tbl_id);
var newRow,newCell;
switch(opt){
case 1:/* 增加一行 */
newRow = tblObj.insertRow(tblObj.rows.length);
for(var i=0; i
newCell = newRow.insertCell(newRow.cells.length);
newCell.innerHTML = str[i];
}
break ;
default :
for(var j=0;j
tblObj.deleteRow(tblObj.rows.length-1);
}
break ;
}
}
文章题目:JQTable增加减少
转载源于:http://scpengxi.com/article/pjeddj.html