首页 > 其他 > 详细

点击添加按钮添加一条记录,点击删除按钮删除本条记录

时间:2017-09-27 19:34:39      阅读:309      评论:0      收藏:0      [点我收藏+]

 点击添加按钮添加一条记录,点击删除按钮删除本条记录,并且最多只能添加4条记录

<div class="addfee">
    <div><span class="add-btn">添加</div>
</div>

jquery

//添加删除费用,最多可添加4条   
        $(".add-btn").on("click", function() {
            var len = $(".addpolicy").length;
            var html = ‘<div class="add"><span class="delete-btn">删除</span></div>‘
            if (len >= 4) {
                alert(‘最多添加5条!‘);
                return;
            }
            $(".addfee").append(html);
           
        }); 

        $(document).on("click", ".delete-btn", function () {
            $(this).parents(‘.add‘).remove();                   
        });

 

点击添加按钮添加一条记录,点击删除按钮删除本条记录

原文:http://www.cnblogs.com/leiting/p/7600171.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!