JQ Table 增加 减少
admin
2023-07-02 08:44:20
0
  1. "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

  2. "http://www.w3.org/1999/xhtml">  

  3.   

  4. "Content-Type" content="text/html; charset=utf-8" />  

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

  6. "javascript" src="jquery-1.7.1.min.js">  

  7.   

  8.   

  9.     "0" width="800" style="border-collapse:collapse;" id="tb1">  

  10.           

  11.             "file" name="pic[]" />  

  12.           

  13.       

  14.     "button" id="add" value="+" /> "button" id="minus" value="-" /> "button" id="empty" value="清空" />  

  15.     "text/javascript">  

  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.  


相关内容

热门资讯

日本首次通过北约清单军援乌克兰 据凤凰卫视报道,日本外务省5月29日宣布,首次通过北约“乌克兰优先需求清单”框架,向乌克兰提供约22...
黑龙江大学科研成果首次被国际数... 近日,黑龙江大学计算机与大数据学院(网络安全学院)朱敬华教授团队在数据挖掘与知识发现领域取得重要科研...
原创 深... 提到深圳的科技创新,你脑海里是不是立刻蹦出南山区的粤海街道? 但可能从今年开始,这个答案要改写了。 ...
一天吃透一个行业09:液冷概念... 来源:市场资讯 (来源:券研社) 一、为什么液冷已成AI算力"刚需"? 芯片功耗突破风冷极限。英伟达...
2026年6月安卓摄影新选择:... 2026年6月安卓摄影新选择:CCD质感手机推荐 2026年6月安卓摄影新选择:CCD质感手机推荐 ...
总书记的人民情怀 | “要坚持... 本报记者 吴 丹原标题:“要坚持健康第一的教育理念”(总书记的人民情怀)
菲律宾防长“装可怜”:中美实力... 【文/观察者网 齐倩】菲律宾政府近年来仗着美国撑腰,在南海议题上“兴风作浪”。中美紧张关系缓和后,菲...
老板燃气灶一直报警是怎么回事 老板燃气灶一直报警是怎么回事原因可能有以下几点:1.熄火保护电路故障造成误报警,导致其长鸣声不断;2...
老板燃气灶一直报警怎么回事 原因可能有以下几点:1.熄火保护电路故障造成误报警,导致其长鸣声不断;2.燃气意外熄灭导致熄火保护功...
燃气灶报警器一直闪灯 这种情况原因有很多种,1、可能是某个零件出现了问题。2、当工业环境中燃气气体泄露,燃气报警器检测到气...