用html向表格插入新行,js向table表格中插入添加新行和选择删除行

js向table表格中插入添加新行和选择删除行-综合特效-网页特效-站长新动力-msxindl.com

#tab{

width:50%;

}

#tab td{

height:2em;

text-align:center;

}

js向table表格中插入添加新行和选择删除行。

第1行第1列

第1行第2列

第1行第3列

全(选/不选)

var i=1,flag=true;

var tab=document.getElementById("tab");

var choose=document.getElementsByName("choose");

function add(){

i++;

var row=tab.insertRow(-1);

row.insertCell(0).innerHTML="第"+i+"行第1列";

row.insertCell(1).innerHTML="第"+i+"行第2列";

row.insertCell(2).innerHTML="第"+i+"行第3列";

row.insertCell(3).innerHTML="";

}

function del(){

var row=tab.rows;

for(var i=row.length-2;i>=0;i--){

if(choose[i].checked){

tab.deleteRow(i+1);

}

}

}

function chooseAll(){

if(choose.length>0){

if(flag){

for(var i=0;i

choose[i].checked=true;

}

flag=false;

}else{

for(var i=0;i

choose[i].checked=false;

}

flag=true;

}

}

}