为何多行删除不了,且报错解决办法
日期：2014-05-16 浏览次数：20416 次
为何多行删除不了,且报错
<script>
function delselchk()
{
var obj = document.getElementsByName( "chkt1 ");
var tb1=document.getElementById( "tb1 ");
var objLen= obj.length;
for (var i=0; i <objLen;i++)
{
if(obj[i].checked==true)
{
tb1.deleteRow(document.getElementById(obj[i].value).rowIndex);
}
}
}
</script>
<body>
<table name= "tb1 " id= "tb1 " border=1>
<tr>
<td id= "tr1 " name= "tr1 "> <input type= "checkBox " name= "chkt1 " id= "chkt1 " value= "tr1 "> </td>
<td> 第一行 </td>
</tr>
<tr id= "tr2 " name= "tr2 ">
<td> <input type= "checkBox " name= "chkt1 " id= "chkt1 " value= "tr2 "> </td>
<td> 第二行 </td>
</tr>
<tr id= "tr3 " name= "tr3 ">
<td> <input type= "checkBox " name= "chkt1 " id= "chkt1 " value= "tr3 "> </td>
<td> 第三行 </td>
</tr>
</table>
<input type= "button " onclick= "delselchk() " value= "选择后删除 ">
</body>
------解决方案--------------------
----这样就可以了-----
<script>
function delselchk()
{
var obj = document.getElementsByName( "chkt1 ");
var tb1=document.getElementById( "tb1 ");
var objLen= obj.length;
for (var i=objLen-1; i> -1;i--)
{
if(obj[i].checked==true)
{
tb1.deleteRow(document.getElementById(obj[i].value).rowIndex);
}
}
}
</script>
<body>
<table name= "tb1 " id= "tb1 " border=1>
<tr>
<td id= "tr1 " name= "tr1 "> <input type= "checkBox " name= "chkt1 " id= "chkt1 " value= "tr1 "> </td>
<td> 第一行 </td>
</tr>
<tr id= "tr2 " name= "tr2 ">
<td> <input type= "checkBox " name= "chkt1 " id= "chkt1 " value= "tr2 "> </td>
<td> 第二行 </td>
</tr>
<tr id= "tr3 " name= "tr3 ">
<td> <input type= "checkBox " name= "chkt1 " id= "chkt1 " value= "tr3 "> </td>
<td> 第三行 </td>
</tr>
</table>
<input type= "button " onClick= "delselchk() " value= "选择后删除 ">
</body>
<script>
function delselchk()
{
var obj = document.getElementsByName( "chkt1 ");
var tb1=document.getElementById( "tb1 ");
var objLen= obj.length;
for (var i=0; i <objLen;i++)
{
if(obj[i].checked==true)
{
tb1.deleteRow(document.getElementById(obj[i].value).rowIndex);
}
}
}
</script>
<body>
<table name= "tb1 " id= "tb1 " border=1>
<tr>
<td id= "tr1 " name= "tr1 "> <input type= "checkBox " name= "chkt1 " id= "chkt1 " value= "tr1 "> </td>
<td> 第一行 </td>
</tr>
<tr id= "tr2 " name= "tr2 ">
<td> <input type= "checkBox " name= "chkt1 " id= "chkt1 " value= "tr2 "> </td>
<td> 第二行 </td>
</tr>
<tr id= "tr3 " name= "tr3 ">
<td> <input type= "checkBox " name= "chkt1 " id= "chkt1 " value= "tr3 "> </td>
<td> 第三行 </td>
</tr>
</table>
<input type= "button " onclick= "delselchk() " value= "选择后删除 ">
</body>
------解决方案--------------------
----这样就可以了-----
<script>
function delselchk()
{
var obj = document.getElementsByName( "chkt1 ");
var tb1=document.getElementById( "tb1 ");
var objLen= obj.length;
for (var i=objLen-1; i> -1;i--)
{
if(obj[i].checked==true)
{
tb1.deleteRow(document.getElementById(obj[i].value).rowIndex);
}
}
}
</script>
<body>
<table name= "tb1 " id= "tb1 " border=1>
<tr>
<td id= "tr1 " name= "tr1 "> <input type= "checkBox " name= "chkt1 " id= "chkt1 " value= "tr1 "> </td>
<td> 第一行 </td>
</tr>
<tr id= "tr2 " name= "tr2 ">
<td> <input type= "checkBox " name= "chkt1 " id= "chkt1 " value= "tr2 "> </td>
<td> 第二行 </td>
</tr>
<tr id= "tr3 " name= "tr3 ">
<td> <input type= "checkBox " name= "chkt1 " id= "chkt1 " value= "tr3 "> </td>
<td> 第三行 </td>
</tr>
</table>
<input type= "button " onClick= "delselchk() " value= "选择后删除 ">
</body>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
