2017-02-18 97 views
0

我想選擇該行中的複選框,當與其他替換一整行的點擊更換表中的行。所以在被替換的行中,我將會有一個已經選中的複選框,所以當我點擊相同的時候,它應該會顯示前一行。上一個複選框,反之亦然

我已經嘗試了很多方法,但未能實現。以下是我的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); 

    } 
} 

其中指數是基於該行的複選框的索引。 serviceTable是我的表的ID和defaultServiceRow和defaultPackageRow是一個需要進行切換兩個不同行的ID。我不想隱藏選項。

任何建議將是有益的。提前致謝。

回答

0

讓你想一個div標籤內替換該行。給標籤一個ID說divId。現在使用$('#divId').html(packageRow)$('#divId').html(serviceRow)而不是使用replaceWith()方法。

看看這個作品,否則請提供您的HTML代碼,以及更加清晰。

相關問題