Question

我在这里遇到问题：当我在页面1中选择一个radion按钮而在同一页面中选择另一个时，它工作正常，但当我在页码2中选择一个单选按钮，然后返回到页码1时，仍然选择了第一个单选按钮，页面编号2中的那个也被选中，我该如何解决这个问题？我在论坛中寻找解决方案，但无法找到有同样问题的人。

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

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

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

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

1 个答案: