我在Html中使用带有分页的Jquery数据表。单个页面中的单选按钮工作正常,但是当它有多个页面时无法阻止单选按钮的多个选择,即如果我选择第1页中的一个单选按钮和第2页中的另一个单选按钮,则两者都正在仅在选定模式下。 单选按钮以单选方式而闻名,但在这里我得到了不同的行为
答案 0 :(得分:1)
我和你一样有同样的问题。我找到了解决该问题的方法。请在下面的完整示例中找到代码详细信息。
\
说明: 在上面的代码中,您可以看到,我编写了一个自定义函数currentSelectedRadio()并从fnDrawCallback调用了它,因为fnDrawCallback函数每次在更改页面时都会调用。同时,我们将先前选择的按钮值备份到全局变量'lastSelectedRadio'中。在单选按钮的单击事件中。我正在从全局变量lastSelectedRadio中取消选中先前选择的按钮的值,并将选中的属性添加到当前单选按钮。
但是请记住,数据表另一页上的元素在DOM中将不可用。 Datatable仅将当前页面元素添加到DOM。那么我们如何才能使所有元素在数据表中可用但在DOM中不可用?是的,我们可以获取所有元素,为此,我们必须使用table。$(“”)语法遍历数据表,然后只能取消选中在选择当前按钮之前选择的另一页上的单选按钮
答案 1 :(得分:-1)
我遇到了同样的问题,我在这里找到了一个帖子: http://datatables.net/forums/discussion/20484/how-to-avoid-multiple-radio-buttons-selection-when-paginating-a-table
每次切换页面时都会调用“drawCallback”函数。因此,可以将当前在页面上检查的按钮的值与在另一页上检查的按钮的值进行比较。 (您需要保存选中按钮的最后一个值。)如果它们不匹配,则只需清除当前页面上按钮的check属性。
希望它有所帮助。