js動態新增和刪除行實例程式碼

1. ##html>  

3. 頭>  

4. 標題>js-sample標題>  

6. #腳本type="text/javascript">  

8. var count = 1；  

9. function add() {  

10.   var tbl = document.all.ci;  

11. var rows = tbl.rows.length;  

12. var tr = tbl.insertRow(rows);  

14. var name = tr.insertCell(0);  

15.   name.innerHTML = '';  

16. var tel = tr.insertCell(1);  

17.   tel.innerHTML = '';  

18. var rdo = tr.insertCell(2);  

19.   rdo.innerHTML = '>是 <輸入 type="radio" value="1" name="rdo' + count + '">否';  

20. ## var chk = 

    #tr.insertCell(3);  

21.   chk.innerHTML = '<輸入類型=「複選框」值=「0」名稱=「chk」+計數+ '">修改<輸入type="複選框"值="1"name="chk ' + count + '">刪除';  

## var
23. del = 

    #tr.insertCell(4);  

  
24. del.innerHTML = 

    ' ';  

計數++；  
}  

28. 函數del(btn) {  

29. # var

    tr = btn.parentElement.parentElement;  

30. var

    tbl =

    tr.parentElement;  

31. ######  tbl.deleteRow(tr.rowIndex-1);  ###########}  ####

32. //-->  

33. 腳本>  

34. head#>  

36. ##body>

##body

>  

37. ##輸入類型= “按鈕”onclick="add()"value="新增客戶">  

39. #table border="1" style="width:100%" id="ci" name ="ci">  

41. caption>客戶資訊caption>  

42.   頭

    >  

43. ##  ##tr>  ##  

    第
44. >姓名

    第> ;    

    第
45. >電話

    第>    

    第
46. >廣播

    第>    

47. >CheckBox

    第>  

51.  第>  

52.   tr>  ##  thead>  ##  #tbody>  

53. ##  ##tr>  ##  #td>輸入type="text " value="張三">td#>  

54. #################### ## #  ###### ; ###  ########################################################### ## #  ###  ############
55. ##  

    輸入 type="radio" value="0" name="rdo “>是 輸入 type="radio" value="1" name="rdo">否

56. ##  

    #td>  

##  
57. ###td>  ##  
輸入 

type="複選框" value=" 0" 名稱="chk">修改輸入類型="複選框"值="1" ##name="chk">刪除  

58. #td# >  ##  
###td

>  ##  

input 
59. type=

    "button" onclick=" del( this)" value="刪除">  

60. ##

    td
>  

61.   tr

>  

62.   

    tbody
>  

63. 表
>  

#  #############################

以上是js動態新增和刪除行實例程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！