#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;
}
}
}