jquery - 将一行表复制到另一行

时间:2017-08-23 07:15:55

标签: javascript jquery html ajax

我有这部分代码:

$('input[type=checkbox]').change(function() {
        if(this.checked) {
            var row = $(this).closest('tr').html();
            $('#two').append('<tr>'+row+'</tr>');
        }
    });

    function clearSel(){
        $('input[type=checkbox]').each(function() { 
            this.checked = false; 
        }); 
        $("#two").empty();
    }

此代码在本地文件夹上正常工作。当我把它放在xampp上的web应用程序时,只有clearSel()函数可以工作。表一内容是从一个返回行的php文件上的AJAX请求生成的。在访问页面的第一阶段,两个表都存在,但是为空。我不明白为什么xampp会失败。一些建议?谢谢。

[编辑]超级用户提供的代码工作正常。我是新手,我对事件授权一无所知(我将研究)。谢谢你的回答!!!!

1 个答案:

答案 0 :(得分:0)

您可以在此处使用event delegation,查看下面的更新代码。
detail reference

$(document).on('change', 'input[type=checkbox]', function() {
    if(this.checked) {
        var row = $(this).closest('tr').html();
        $('#two').append('<tr>'+row+'</tr>');
    }
});

function clearSel(){
    $('input[type=checkbox]').each(function() { 
        this.checked = false; 
    }); 
    $("#two").empty();
}