如何在Javascript中获取由C#动态创建的单选按钮的文本?

时间:2019-02-26 17:08:40

标签: javascript c# jquery html radio-button

我正在通过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)中检查单选按钮项时,我看到如下所示:

enter image description here

我的问题是,我无法在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>

0 个答案:

没有答案