删除表格行的问题

Question

改成这样试一下
function del(){ 
var c = document.getElementsByName("input"); 
   for(var i=0; i <c.length; i++) 
   {
    if(c[i].type="checkbox")
       if(c[i].checked)
         t1.deleteRow(i); 
   }
} 

Answer 1

应该写成这样吧
var c = document.getElementsByTagName("input"); 但也不行，页面报错 ，无法获得type属性，不支持此命令

Answer 2

<style>
.wd{
background-color:#ff0000;
}
.wds{
background-color:#ff00FF;
}
.wdss{
background-color:#ffff00;
}
input{
border: 1px solid #666666;
}
.cbox{
border:none;
}
.white{
background-color:#FFFFFF;
}
</style>
<script>
var oldtr=null;
var currentRowIndex=null;
 function changec(){
    var srcElement=window.event.srcElement;
var tr=srcElement.parentElement;
if(tr.rowIndex==null)
tr=tr.parentElement;
currentRowIndex=tr.rowIndex;
if(oldtr!=null)
   oldtr.className="white";
   tr.className="wd";
   oldtr=tr;
//alert(tr.parentElement.parentElement);
}
 function aone(){
  var table=document.getElementById("addo");
     table = table.firstChild;
var  tr=document.createElement("tr");
     tr.onclick=changec;
 table.appendChild(tr);
var  td=document.createElement("td");
var  input=document.createElement("input");
     input.setAttribute("type","text");
     td.innerText="aa";
 td.appendChild(input);
 tr.appendChild(td);
 td=document.createElement("td");
 input=document.createElement("input");
 input.setAttribute("type","checkbox");
 input.className="cbox";
 td.innerText="bb";
  td.appendChild(input);
 tr.appendChild(td);
 
 td=document.createElement("td");
 td.innerText="cc";
 tr.appendChild(td);
  td=document.createElement("td");
 td.innerText="dd";
 tr.appendChild(td);
} 
function delFieldNew(table,counter){ 
     var counterElement=document.getElementById(counter);
     var cnt=parseInt(counterElement.value);
var ParentElement = eval(table);
     ParentElement = ParentElement.firstChild;
     var TRElement;
     var Chk=get_row(true,table);
     for(j=0;j < Chk.length;j++)
     {       
            TRElement=document.getElementById(Chk[j]);
var pElement=(TRElement.parentNode).parentNode;
            ParentElement.removeChild(pElement);
    }
// cnt-=Chk.length;

counterElement.value=cnt;
  }
  function get_row( checked, table){
        var Chk=new Array();
        var TRElement;
        var ParentElement = eval(table);
        ParentElement = ParentElement.firstChild;
        var Selected;
        var j=0;
        for(i=ParentElement.all.length-1;i>=0;i--)
        {
                var Element=ParentElement.all[i];
                if(Element.type=="checkbox" )
                {
                        if(checked) Selected=Element.checked;
                        else Selected=!Element.checked;
                        if(Selected)
  {
                          Chk[j++]=Element.id;
  }
                }
        }
        return Chk;
   }
   
function del(){
    var tobj,tr,chk;
    
if ( tobj = event.srcElement )
    while ( tobj.nodeName != "TABLE" )
        tobj = tobj.parentNode;
chk = tobj.getElementsByTagName("INPUT")
for ( var i = 0; i < chk.length; i++ ){
    tr = chk[i];
    if ( tr.checked ) {
        while ( tr.nodeName != "TR" )
            tr = tr.parentNode
        tobj.deleteRow(tr.rowIndex)
        i = 0;
    }
}
}
</script>
<input type=checkbox>
<table width="413" border="1" cellspacing="0" cellpadding="0" id="addo">
  <tr>
    <td width="99">a</td>
    <td width="105">b</td>
    <td width="95">c</td>
    <td width="104">
<input type="hidden" name="cnt1" id="cnt1">
<input type="submit" name="Submit" value="添加" onClick="aone()">
    <input type="submit" name="Submit" value="删除" onClick="del()"></td>
  </tr>
</table>

Answer 3

我在IE下测试的，可能你要改下才支持FF吧

Answer 4

稍微修改了一下方法，问题解决了再次谢谢chinmo