分享到:

jquery实现repeat,增加删除一行

日期:2017-07-31     阅读:57     文章来源:源美设计     标签:jquery

$(document).ready(function(){

    $("#addrow").click(function(){  

        var div = $("#root:first").clone();

        $(".mt-repeater").append(div);

    });


});


function delrow(obj) {  

    var parent_id = $(obj).parent().parent();

    var count = $(".mt-repeater").find($(".mt-overflow")).length;

    if (count<2) {

        return false;

    } 

    $(parent_id).remove();   

}



<div class="form-group col-md-4 mt-repeater">

                        

                    

                        <div class="mt-repeater-item mt-overflow" id="root">

                            <div class="mt-repeater-cell">

                                <input type="text" placeholder="<?=lang('输入域名')?>" class="form-control mt-repeater-input-inline" name="domain[]" />

                                <a class="btn btn-danger mt-repeater-delete mt-repeater-del-right mt-repeater-btn-inline" id="delrow" onclick="delrow(this);">

                                    <i class="fa fa-close"></i>

                                </a>

                            </div>

                        </div>

                        

                    

                    

                </div>

<a class="btn btn-success" id="addrow">

                        <i class="fa fa-plus"></i> <?=lang('新增一条')?></a>



文章引用:http://www.szymweb.com/new/246.html

本站文章为深圳网站建设·源美设计原创策划,如有版权纠纷或者违规问题,请联系我们删除,谢谢!

上一篇:阿里云服务器ECS被肉鸡如何解决?

下一篇:Centos安装dos2unix

返回列表
最新案例
OUR ADVANTAGE WORKS