我使用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是问题所在。

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

===============>>#1 票数: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

  ask by OrangeTux translate from so

未解决问题?本站智能推荐:

1回复

如何使用jQuery DataTables渲染单选按钮组

我正在使用jQuery DataTables并且需要一种方法来在数据表中的列上呈现单选按钮,此呈现必须通过JavaScript而不是来自JSON结果。
2回复

mmenu的奇怪单选按钮行为

我附上一张解释该问题的图像:由于单选按钮的行为,假定Item1和Item 2是互斥的。 但是,由于它们都一直处于检查状态,所以它们的行为不一样,而且更糟的是,我无法撤消它,即:如果我想取消选中某些项目,则什么也不会发生。 他们一直检查。 我不知道这是否是正确的语法。 这是代码中有意义
1回复

使用preventDefault()和单选按钮的奇怪行为

看到这个jsFiddle: http://jsfiddle.net/nathanfriend/vAcpc/9/ 似乎preventDefault()方法不会阻止单击的单选按钮切换(注意该消息始终显示 “此单选按钮已被选中”,无论其先前状态如何)。 但是,在onclick()方法完成
3回复

jQuery克隆和单选按钮:异常行为

在Jsfiddle上: http : //jsfiddle.net/jhzux/ 我在这个简单的脚本中浪费了很多时间。我想要做的是在jQuery中克隆表格,然后使其正常工作。 首先,当我在JsFiddle上运行此代码时,它不起作用,但在我的浏览器中,它可以..奇怪... -.-
1回复

带有单选按钮的jQuery测验行为异常

我正在写一个简单的在线测验。 有四个单选按钮可供选择。 最初,脚本只是填充第一个问题的选择。 之后,用户应选择下一个,然后单击按钮。 如果答案与正确答案相符,则总增量。 否则,下一个问题已加载。 提交第十个问题时,将加载结果。 从具有十个称为“ pitanja”的对象的数组中加载问
1回复

单选按钮的行为类似于jQuery的复选框

单选按钮组是否可能具有复选框功能? (可能的jQuery解决方案) 谢谢
2回复

jQuery单选按钮

我有两个单选按钮: 这吐出来: 我正在尝试提醒单选按钮组的值。...我已经尝试过... 但是它只返回一次“俱乐部”,为什么不提醒“独立”呢?
2回复

jQuery Datatables第一行中的单选按钮为空

我在DataTables中遇到问题,第一行的单选按钮始终为空。 但是如果我使用firebug看到它,则选中单选按钮选项。 我搜索后发现它是DataTables中的错误。 我已经阅读了所有其他许多解决方案,但是没有人适合我。 有没有人可以解决这个问题? 我正在使用以下RadioB
1回复

JQuery验证消息在两个单选按钮之间出现奇怪

我正在使用JQuery Validation插件来验证我的表单。 除单选按钮之外的所有字段的验证消息都显示在相应字段下方。但是对于单选按钮,消息显示在前两个单选按钮之间。 有无法在单选按钮之后或之下显示错误消息吗? 提前致谢。
2回复

使用jQuery破解单选按钮行为(取消选中组)

对于项目,我需要在组中使用两个单选按钮,并且需要取消选中选中的单选按钮。 我已经尝试过类似的方法,但这不起作用: 当我单击选中的单选按钮时,它甚至都不会发出警报。 每当我在控制台中调用此命令时: 它不会取消选中已选中的单选按钮,因此该部分应该起作用。