17.4.1 deleterow方法.html

来自「即学即用JavaScript核心对象参考手册原版光盘」· HTML 代码 · 共 36 行

HTML
36
字号
<body>
<script>
  function toDel()
  {
       var counter=0;
	   var cks=document.all("ck");
	   var otable=document.all.otable;
	   for(var i=0;i<cks.length;i++)
	   {
	       if(cks[i].checked)
 		      {
				 otable.deleteRow(i);
				 toDel();
			  }
	   }
  }
</script>
<table id="otable" border="1">
   <thead>
      <tr><td>表头一</td><td>表头二</td>
	      <td><input type="checkbox" name="ck">删除</td>
	  </tr>
   </thead>
   <tr>
       <td>表体一</td><td>表体二</td>
	      <td><input type="checkbox" name="ck">删除</td>
   </tr>
   <tfoot>
      <tr><td>表尾一</td><td>表尾二</td>
	      <td><input type="checkbox" name="ck">删除</td>
	  </tr>
   </tfoot>
</table>
<input type="button" value="确认删除" onClick="toDel()">
</body>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?