單擊復選框替換表格的行，反之亦然

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代碼，以提高清晰度。