jQuery表單新增與刪除..
阿新 • • 發佈：2019-01-11
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用者名稱註冊</title> <script src="jquery-3.2.1.js"></script> <script> $(document).ready(function () { $("#button").click(function () { varname = $("#yonghu").val(); var mima = $("#mima").val(); var youxiang = $("#youxiang").val(); var tr = "<tr><td>" + '<input type="checkbox">' + "</td><td>" + name + "</td><td>" + mima + "</td><td>" + youxiang+ "</td><td>" + '<input type="button" value="刪除">' + "</td></tr>"; $("#table").append(tr); $(":button").click(function () { $(this).parent().parent().remove(); }); }); }); </script> </head> <body> 使用者:<input id="yonghu" type="text"> 密碼:<input id="mima" type="password"> 郵箱:<input id="youxiang" type="text"> <input type="submit" id="button" value="新增"> <table id="table" border="1ps"> <tr> <td><input type="checkbox"></td> <td>使用者名稱</td> <td>密碼</td> <td>郵箱</td> <td>操作</td> </tr> </table> </body> </html>