如何在分頁數據表時避免多個單選按鈕選擇

我在這裏遇到問題：當我在頁面1中選擇一個放射按鈕並且在同一頁面中選擇另一個按鈕時，它工作正常，但是當我選擇單選按鈕在頁碼2中，回到頁碼1，那第一個單選按鈕仍然被選中，頁碼2中的單選按鈕也被選中，我該如何解決這個問題？我在論壇上尋找解決方案，但找不到有同樣問題的人。如何在分頁數據表時避免多個單選按鈕選擇

*[code] $(document).ready(function() { var oTable = $('#example').dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers" }); }); [/code]*

來源

2016-12-21 Anil Kumar

DataTables本身沒有解決方案。你必須自己做。

你可以做的是自己保存選定的值在點擊。想象一下，你有一個名爲projectsTable的表。然後你可以寫：

var selection = -1; 
$("#projectsTable input[type=radio]").on 
(
    "click", 
    function() 
    { 
      selection = $(this).val(); 
    } 
);

然後，你必須在每次頁面改變時取消選擇所有錯誤的值。在建表添加回調頁面抽獎，做到這一點：

//other settings go here, like the dom one 
//you can choose your own, no need for this specific one 
"dom": "lfBrtip", 
"fnDrawCallback": 
function(oSettings) 
{ 
    $("#projectsTable input[type=radio][value!="+selection+"]").prop('checked', false); 
}

每次頁面變更，這段代碼將取消一切你不想選擇任意時間。

來源

2017-03-17 06:55:59

如何在分頁數據表時避免多個單選按鈕選擇

回答

相關問題