js ajoute et supprime dynamiquement des lignes, exemple de code

html >

tête >

titre >js-sample titre >

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 = ' >Oui input type= "radio" value= "1" name= "rdo' + compte + '" >Non';

var chk = tr.insertCell(3);

chk.innerHTML = ' >Modifier input type= "checkbox" value= "1" name= "chk' + count + '" >Supprimer';

var del = tr.insertCell(4);

del.innerHTML = ' ';

compte++ ;

}

fonction del(btn) {

var tr = btn.parentElement.parentElement;

var tbl = tr.parentElement;

tbl.deleteRow(tr.rowIndex-1);

}

//-- >

script >

tête >

corps >

entrée type= "bouton" onclick= "add()" value= "Ajouter un client" >

table border= "1" style= "width:100%" id= "ci" nom = "ci" >

légende >informations client légende >

thead >

tr >

th >Nom th &gt ;

th >Tél th >

th >Radio th >

th >CheckBox th >

th > th >

tr >

tête >

tbody >

tr >

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

td > input type= "text" value= "111" &gt ; td >

td >

input type= "radio" value= "0" name= "rdo " >Oui input type= "radio" value= "1" name= "rdo" >Non

td >

input type= "checkbox" value= " 0" name= "chk" >Modifier input type= "checkbox" value= "1" name= "chk" >Supprimer

td >

input type= "bouton" onclick= " del(this)" value= "Supprimer" >

td >

tr >

tbody >

table >

corps > html >