jQuery Datatables与单选按钮的行为很奇怪

Question

我使用jQuery Datatables样式化表格。 表格的一列包含单选按钮。

<td class="image">
                <input type="radio" name="11" value="a" onclick="updateStatus('11', 'a')" /><img src="/jwz/images/icons/a.png" name="a" alt="a" title="Activeer account" />
                <input type="radio" name="11" value="b" onclick="updateStatus('11', 'b')" /><img src="/jwz/images/icons/b.png" name="b" alt="b" title="Ban account" />
                <input type="radio" name="11" value="w" checked="checked" onclick="updateStatus('11', 'w')" /><img src="/jwz/images/icons/w.png" name="w" alt="w" title="Zet account in de wacht"/>

            </td>

问题是，checked属性不适用于表的第一行。 在所有其他行中，将选中一个按钮，但不在第一行中。 当我禁用jQuery Datatables时，一切正常。 因此，jQuery Datatables是问题所在。

有人可以为我提供解决方法吗？

Answer 1

我遇到了同样的问题，即在加载页面时，jQuery DataTable第一行中的单选按钮列表未显示选中的单选按钮。 尽管在检查HTML时在单选输入上应用了check =“ checked”。

绑定表时，现在将一个类（“ radioButtonToCheck”）添加到第一个radioButtonList的选定列表项（在C＃中）：

 listItem.Attributes["class"] = "radioButtonToCheck";

然后，使用jQuery DataTable fnDrawCallback重绘该单选按钮的选中状态。

var roomReportingTable = $('.horizontalScroll table').dataTable({
                "sScrollX": "100%",
                "bScrollCollapse": true,
                "bFilter": false,
                "bPaginate": false,
                "bInfo": false,
                "fnDrawCallback": function () {
                    // first radio button list selection is not rendered, so needs to be re-drawn
                    $('.radioButtonToCheck input').attr("checked", "checked");
                }
            });

有关jQuery DataTables fnDrawCallback的更多信息： http ://datatables.net/faqs#ss_events