分享到:

jquery实现repeat,增加删除一行

日期:2017-07-31 20:06:00     阅读:489     文章来源:源美网络     标签:深圳网站建设,龙岗网页设计

$(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

售后保障

承诺任何问题1小时内解决

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉,无效全额退款