チェックボックスをクリックするとテーブルの行を置換する

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はトグルする必要のある2つの異なる行のIDです。私は隠れるオプションにしたくない。

提案が参考になります。前もって感謝します。

Answer 1

divタグ内に置きたい行を置きます。タグにID divIdと言う。 replaceWith()メソッドを使用する代わりに、$('#divId').html(packageRow)と$('#divId').html(serviceRow)を使用してください。

これが正しく機能するかどうかを確認するには、HTMLコードも明記してください。