jQuery Datatables使用单选按钮的行为很奇怪
jQuery Datatables使用单选按钮的行为很奇怪
提问于 2011-12-12 21:02:17
我使用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数据表时，它工作得很好。所以，jQuery数据表就是问题所在。
有没有人能帮我解决这个问题？
回答 1
Stack Overflow用户
发布于 2013-05-17 21:35:59
我也遇到过同样的问题，在加载页面时，jQuery DataTable第一行中的单选按钮列表没有显示选中的单选按钮；尽管在检查HTML时，对单选输入应用了checked=" 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
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8474733
复制相关文章
相似问题
腾讯云开发者
