jQuery表单添加与删除..

来源：互联网发布：行知基地洗澡有帘子吗编辑：程序博客网时间：2024/05/22 00:14

<!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 () {                var name = $("#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>

阅读全文

0 0