选中框触发clone()

时间:2016-10-08 20:58:16

标签: jquery

我正在尝试在用户勾选一个框时触发clone()。

我完成了我的作业,看看正确的语法是什么样的(来源:http://www.w3schools.com/jquery/html_clone.asp

问题当然是我需要修改代码以使其符合我的目的,这里是:

$(document).ready(function() {
    $("#copyAddress").change(function() {
        $(this).is(":checked") ? $("#userAddress").clone(true).appendTo("#motherAddress");
    });
});

但它不起作用。已经检查过id是否真的是id而不是类。

2 个答案:

答案 0 :(得分:0)

你可以简单地尝试一下,这几乎是一回事,但它可能有效。

 $(document).ready(function() {
        $("#copyAddress").change(function() {
           if($(this).is(":checked")) {
               $("#userAddress").clone(true).appendTo("#motherAddress");
           }
        });
    });

始终在控制台中查找错误。

答案 1 :(得分:0)

元素必须具有唯一ID。

当您克隆具有id的元素时,必须首先将其删除,然后替换为新的唯一ID。

$(document).ready(function() {
    $("#copyAddress").change(function() {
        if( $(this).is(":checked") ){
             theId = getRandomArbitrary(100, 1000);
            $("#userAddress").clone().removeAttr('id').attr('id', 'userAddress'+theId ).appendTo("#motherAddress");
        }
    });
});