gpt4 book ai didi

javascript - jQuery 数据表清除标题中的单选按钮

转载 作者:行者123 更新时间:2023-11-30 10:48:21 26 4
gpt4 key购买 nike

我有一个带有 3 个标题的 jQuery 数据表。一个标题包含两个单选按钮,另一个标题包含一个选择框。默认情况下,选中其中一个选项。

当我使用数据表中的搜索功能搜索特定记录时,它不显示选中了哪个单选按钮。我在使用数据表搜索后检查了 DOM,输入元素仍然包含 CHECKED 属性。选择框不受影响。它仍然保留选择框的值。

此外,IE 运行良好。 O_o FF 和 Chrome 无法识别选中的值。

我尝试了 $(selector).datatable().fnDraw();... 没有骰子。

如何让数据表在搜索之后或搜索期间识别选中的属性?有没有人经历过类似的事情?

感谢任何帮助。谢谢。

编辑:经过进一步调查,看起来 fnDraw 正在清除单选按钮的值。

代码

初始化数据表(Javascript)

$.get('store_handler.ashx', { cmd: '9', pubId: pubId, sub: sub }, function(o) {
$("#researchTableDiv").html(o.datatableContent);

$('#ResearchTable').dataTable({
"bJQueryUI": true,
"bPaginate": false,
"sScrollY": "450px",
"bSort": false
});

if (o.radioCheck == "single")
$('#radioSingle').attr("checked", "checked");
else
$('#radioSub').attr("checked", "checked");

}, "json");

数据表标题的 HTML (C# .Net)

    htmlString.Append("<thead>");
htmlString.Append("<tr>");
htmlString.Append("<th valign=\"middle\" style=\"width: 200px; text-align: left;valign:top;border-right:0px;padding-bottom:0px\" class=\"header\">Filter:&nbsp;");
htmlString.Append("<select name=\"nonSort2\" style=\"height:20px;padding:0px;margin-top:-0px;font-size:11px\">");
htmlString.Append("<option value=\"AKLPH\">All</option>");
htmlString.Append("<option value=\"-\">---------------</option>");
htmlString.Append("<option value=\"AK\">Alaska</option>");
htmlString.Append("<option value=\"AL\">Etc...</option>");
htmlString.Append("</select>");
htmlString.Append("</th>");
htmlString.Append("<th align=\"left\" class=\"header\" >");
if (sub == "0")
{
htmlString.Append("<input type=\"radio\" value=\"0\" name=\"rdoSubscription\" id=\"radioSingle\" checked=\"CHECKED\" style=\"margin-left:1px\"/>Single Report");
htmlString.Append("<input type=\"radio\" value=\"1\" name=\"rdoSubscription\" id=\"radioSub\" onclick=\"getPubDetails('" + pubId + "','1');\" style=\"margin-left:1px\"/>Subscription");
jOut.Put("radioCheck", "single");
}
else
{
htmlString.Append("<input type=\"radio\" value=\"0\" name=\"rdoSubscription\" id=\"radioSingle\" onclick=\"getPubDetails('" + pubId + "','0');\" style=\"margin-left:1px\"/>Single Report");
htmlString.Append("<input type=\"radio\" value=\"1\" name=\"rdoSubscription\" id=\"radioSub\" checked=\"CHECKED\" style=\"margin-left:1px\"/>Subscription");
jOut.Put("radioCheck", "sub");
}
htmlString.Append("</th>");
htmlString.Append("<th class=\"header\" align=\"center\">Action</th>");
htmlString.Append("</tr>");
htmlString.Append("</thead>");

最佳答案

尝试在绘制事件之后设置单选按钮:

$.get('store_handler.ashx', { cmd: '9', pubId: pubId, sub: sub }, function(o) {
$("#researchTableDiv").html(o.datatableContent);

$('#ResearchTable').dataTable({
"bJQueryUI": true,
"bPaginate": false,
"sScrollY": "450px",
"bSort": false,
"fnDrawCallback": function() {
if (o.radioCheck == "single")
$('#radioSingle').attr("checked", "checked");
else
$('#radioSub').attr("checked", "checked");
}
}
});


}, "json");

关于javascript - jQuery 数据表清除标题中的单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7000707/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com