js根据checkbox选中的动态删除添加行

<html>
<body>
<table width="200" border="1" id="tb">
  <tr id="r1">
    <td><input type="checkbox" name="ck" value="1"></td>
 <td>abc</td>
  </tr>
</table>
<p>
  <input type="button" onClick="add();" value="add"/>
   <input name="button" type="button" onClick="deletes();" value="delete"/>
</p>
</body>

 

<script language="javascript">
 var tb=document.getElementById("tb");
 var i=2;
    function add()
 {

   var mytr=tb.insertRow();
   mytr.setAttribute("id","r"+i);
   var mytd_1=mytr.insertCell();
  var mytd_2=mytr.insertCell();
  mytd_1.innerHTML="<input type='checkbox' name='ck' value='"+i+"'>";
  mytd_2.innerText="abc"+i;
  i++;
  
 }
 
 function deletes()
 {
   
    var ok=document.getElementsByName("ck");
       for(var k=0;k<ok.length;k++)
    {
            if(ok[k].checked==true)
            {
                tb.deleteRow(k);
                k=k-1;
            }
       }
 }
</script>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值