js에서 행 예제 코드를 동적으로 추가 및 삭제합니다.

html >

head >

title >js-sample title >

script type= "text/javascript" >

<!--

var count = 1;

function add() {

var tbl = document.all.ci;

var rows = tbl.rows.length;

var tr = tbl.insertRow(rows);

var name = tr.insertCell(0);

name.innerHTML = ' ';

var tel = tr.insertCell(1);

tel.innerHTML = ' ';

var rdo = tr.insertCell(2);

rdo.innerHTML = ' >예 input type= " radio" value= "1" name= "rdo' + count + '" >No';

var chk = tr.insertCell(3);

chk.innerHTML = ' >수정 input type= " checkbox" value= "1" name= "chk' + 개수 + '" >삭제';

var del = tr.insertCell(4);

del.innerHTML = ' ';

카운트++;

}

function del(btn) {

var tr = btn.parentElement.parentElement;

var tbl = tr.parentElement;

tbl.deleteRow(tr.rowIndex-1);

}

//-- >

script >

head >

body >

input type= "button" onclick= "add()" value= "고객 추가" >

테이블 border= "1" style= "너비:100%" id= "ci" name= "ci" >

caption >고객 정보 caption >

thead >

tr >

th >이름 th >

th >Tel th >

th >Radio th >

th >CheckBox th >

th > 일 >

tr >

thead >

tbody >

tr >

td > input type= "text" value= "Zhang San" > td >

td > input type= "text" 값= "111" > td >

td >

input type= "radio" value= "0" name= "rdo" >예 input type= "radio" value= " 1" name= "rdo" >아니요

td >

input type= "checkbox" value= "0" name= "chk" >수정 input type= "체크박스" value= "1" name= "chk" >삭제

td >

input type= "button" onclick= "del(this)" value= "Delete" >

td >

tr >

tbody >

테이블 >

body > html >