菜鸟的一个简单问题!

Question

<table border="1">
<tr>
<td><input type="checkbox" name="ch" ></td>
<td>111111111</td>
<td>222222222</td>
</tr>
<tr>
<td><input type="checkbox" name="ch" ></td>
<td>aaaaaaaaa</td>
<td>bbbbbbbb</td>
</tr>
<tr>
<td><input type="checkbox" name="ch" ></td>
<td>ccccccccc</td>
<td>cddddddddd</td>
</tr>
</table>
<button onclick="kiss()">del</button>
<script language="JavaScript">
<!--
function kiss(obj)
{
   for(var i=0;i<document.all.ch.length;i++)
   {
      if(document.all.ch[i].checked)
    document.all.ch[i].parentElement.parentElement.removeNode(true)
   }   
}
//-->
</script>

Answer 1

function searchObjByTagName(obj, tag)
{
  while(obj!=null && typeof(obj.tagName) != "undefind")
  {
    if(obj.tagName == tag.toUpperCase()) return(obj);
    obj = obj.parentElement;
  }
  return null;
}
function deleteRow()
{
  var a = document.getElementsByName("checkboxName"); //checkboxName
  for(var i=0; i<a.length; i++)
  {
    if(a[i].checked)
      searchObjByTagName(a[i], "TR").removeNode(true);
  }
}

Answer 2

楼上的这位兄弟, 若我的 checkbox 被 span div 等元素包含的话, 你的 parentElement 数的层数就不对了呀. 所以还是做一个单独向上搜索的函数比较好.

Answer 3

根据梅老大的改进了一下
<table border="1">
<tr>
<td><input type="checkbox" name="checkboxName" ></td>
<td>111111111</td>
<td>222222222</td>
</tr>
<tr>
<td><input type="checkbox" name="checkboxName" ></td>
<td>aaaaaaaaa</td>
<td>bbbbbbbb</td>
</tr>
<tr>
<td><input type="checkbox" name="checkboxName" ></td>
<td>ccccccccc</td>
<td>cddddddddd</td>
</tr>
</table>
<button onclick="kiss()">del</button>
<script language="JavaScript">
<!--
function searchObjByTagName(obj, tag)
{
  while(obj!=null && typeof(obj.tagName) != "undefind")
  {
    if(obj.tagName == tag.toUpperCase()) return(obj);
    obj = obj.parentElement;
  }
  return null;
}
function kiss()
{
  var a = document.getElementsByName("checkboxName"); //checkboxName
  for(var i=a.length-1;i>-1; i--)
  {
    if(a[i].checked)
      searchObjByTagName(a[i], "TR").removeNode(true);
  }
}//-->
</script>