分页数据表时如何避免选择多个单选按钮

【问题标题】：How to avoid multiple radio buttons selection when paginating a data table分页数据表时如何避免选择多个单选按钮
【发布时间】：2016-12-21 11:13:35
【问题描述】：

我在这里遇到了问题：当我在第 1 页中选择一个单选按钮并在同一页面中选择另一个单选按钮时，它可以正常工作，但是当我在第 2 页中选择一个单选按钮并返回到第 1 页时，第一个单选按钮仍然被选中并且第2页的那个也被选中了，请问这个问题怎么解决？我在论坛中寻找解决方案，但找不到遇到同样问题的人。

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

【问题讨论】：

标签： datatable pagination datatables radio-button radio-group

【解决方案1】：

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);
}

每次更改页面时，这段代码都会取消选择您不想再被选中的所有内容。

【讨论】：