用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

克隆表格行数

2016-12-14 作者:云代码会员举报

[javascript]代码库

<html>

<head>
    <title>添加、删除一行</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript">
    $(function() {
        $("#addOneRow").click(function() {
            var tempTr = $("tr:first").clone(true);
            $("tr:last").after(tempTr);
            $("tr:last > td > #name").val(""); //新添加行name为空 
            $("tr:last > td > #address").val(""); //新添加行address为空 
        });
        $(".delOneRow").click(function() {
            if ($("tr").length < 2) {
                alert("至少保留一行!");
            } else {
                if (confirm("确认删除?")) {
                    $(this).parent().parent().remove();
                }
            }
        });
    });
    </script>
</head>

<body>
    <table border="1">
        <tr>
            <td>姓名:</td>
            <td>
                <input type="text" id="name" name="name" />
            </td>
            <td>地址:</td>
            <td>
                <input type="text" id="address" name="address" />
            </td>
            <td>
                <input type="button" class="delOneRow" value="删除" />
            </td>
        </tr>
    </table>
    <input type="button" id="addOneRow" value="添加一行" />
</body>

</html>


分享到:
更多

网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。