单击复选框替换表格的行，反之亦然

Question

当选中该行中的复选框时，我试图用另一行替换整个行。 因此，在替换的行中，我将有一个已被选中的复选框，因此当我单击该复选框时，它应显示上一行。

我已经尝试了许多方法，但未能实现。 以下是我的JavaScript代码，

function selectPackage(index,t) {

    if (t.is(':checked')) {
        console.log("Checked condition");
        var packageRow=$("#serviceTable tr.defaultPackageRow");
        console.log("Package Row :"+packageRow);
        $("#serviceTable tr.defaultServiceRow").replaceWith(packageRow);

    } else {

        console.log("Un-Checked condition");
        var serviceRow=$("#serviceTable tr.defaultServiceRow");
        console.log("Package Row :"+serviceRow);
        $("#serviceTable tr.defaultServiceRow").replaceWith(serviceRow);

    }
} 

其中index是基于行的复选框的索引。 serviceTable是我的表的ID，defaultServiceRow和defaultPackageRow是需要切换的两个不同行的ID。 我不想去隐藏选项。

任何的意见都将会有帮助。 提前致谢。

Answer 1

将要替换的行保留在div标签内。 为标签指定一个ID，例如divId 。 现在，使用$('#divId').html(packageRow)和$('#divId').html(serviceRow)代替使用replaceWith()方法。

看看这是否可行，否则也请提供您的html代码，以提高清晰度。