使用javascript计算克隆表行中的复选框

当按下目标行的按钮时，下面的.js将选定的表行克隆到另一个表中。行中的一个单元格有一个id为“vrbl”的复选框。从下面的代码中可以看出，我想向克隆行添加一个文本区域，如果未选中该复选框，该区域将被禁用。我知道我没有正确地识别和评估复选框的“选中”状态，但我正在努力使代码在这里工作。谢谢你的帮助

    $(document).ready(function() {
var items = [];
$("button").click(function() {
    var newTr = $(this).closest("tr").clone();
    var newButtonHTML = "<input type='button' value='Delete' style='font-size: 10px;' onclick='deleteRow(this)'/>";
    if ($(newTr).children("#vrbl").prop('checked')) {
        var newtextarea = "<textarea></textarea>"
    }
    else {
        var newtextarea = "<textarea disabled></textarea>"
    };
    $(newTr).children("td:nth-child(6)").html("").html(newtextarea);
    items.push(newTr);
    $(newTr).children("td:nth-child(7)").html("").html(newButtonHTML);
    items.push(newTr);
    newTr.appendTo($("#myTable2"));
});

$（文档）.ready（函数（）{
var项目=[]；
$（“按钮”）。单击（函数（）{
var newTr=$（this.close（“tr”）.clone（）；
var newButtonHTML=“”；
if（$（newTr）.children（#vrbl”）.prop（'checked'））{
var newtextarea=“”
}
否则{
var newtextarea=“”
};
$（newTr）.children（“td:nth child（6）”）.html（“”.html（newtextarea）；
推送（newTr）；
$（newTr）.children（“td:nth child（7）”）.html（“”.html（newButtonHTML）；
推送（newTr）；
新的附录（$（“#我的表2”）；
});

})

---

以上工作！感谢您的提示。

记住，当您克隆元素并将其追加回时，id应该是唯一的。将有两个元素具有相同的id，但这不是有效的id。很好地理解了id。我认为我更大的问题是代码

$（newTr）。子元素（#vrbl”）。prop（'checked'）

未定义

if (document.getElementById("vrbl"+this.id).checked==true) {