我正在通过C#通过以下方式将单选按钮动态添加到HTML页面:
for (int i = 0; i < groupnames.Count; i++)
{
HtmlTableRow row = new HtmlTableRow();
HtmlTableCell cell = new HtmlTableCell();
RadioButton radioButton = new RadioButton();
radioButton.ID = "rdDataGroup_" + i;
radioButton.Text = groupnames[i].GroupName;
radioButton.GroupName = "DataGroup";
if (i==0)
{
radioButton.Checked = true;
}
cell.Controls.Add(radioButton);
row.Cells.Add(cell);
tblRadioButtonList.Rows.Add(row);
}
当我在网络浏览器(F12)中检查单选按钮项时,我看到如下所示:
我的问题是,我无法在javascript中访问单选按钮的文本。文字属性在哪里?如何管理JS或jquery中的文本?我曾尝试提醒以下人员,但没有一个起作用。
document.getElementById("rdDataGroup_1").InnerHTML; //returns empty string
document.getElementById("rdDataGroup_1").InnerText; //returns empty string
document.getElementById("rdDataGroup_1").value; //returns id
$("input[name='DataGroup']:checked").data('name'); //undefined
$("input[name='DataGroup']:checked").parent('label').text(); //returns empty string
任何帮助将不胜感激。
编辑:我确定groupnames [i] .GroupName不是空字符串。
Edit2:刚尝试$("input[name='DataGroup']:checked").parent().text();
,它返回了所选单选按钮的文本。仍然不确定为什么innerhtml或innertext(也为.value)不起作用,但是jquery有所帮助。
Edit3:遵循HTML:
<body>
<form id="myForm" runat="server">
<section class="container">
<div class="row">
<div class="col-lg-3">
<table id="tblRadioButtonList" runat="server"></table>
<div id="divFinding"></div>
<div id="divUnderstood"></div>
<div id="divImpactful"></div>
</div>
</div>
</section>
<form>
<body>