javascript - 设置 asp :RadioButton Text from javascript

Question

我的 aspx 文件中有以下单选按钮。

<asp:RadioButton ID="rdoOption1" runat="server" GroupName="grpAnswers"/>
<asp:RadioButton ID="rdoOption2" runat="server" GroupName="grpAnswers"/>
<asp:RadioButton ID="rdoOption3" runat="server" GroupName="grpAnswers"/>
<asp:RadioButton ID="rdoOption4" runat="server" GroupName="grpAnswers"/>

我想在单击按钮时设置来自 javascript 的文本。
Javascript代码如下。

document.getElementById("rdoOption1").innerHTML = "sometext";

我也试过用 Text,nodevalue 代替 innerHTML，没用。请帮忙。

Answer 1

您需要使用 ClientID在 javascript 中，而不是使用服务器端 ID。作为服务器端id在 html 时更改由 asp.net 生成。你也有 : 而不是 javascript 语句末尾的分号。使用值而不是 innerHTML，因为它不适用于输入 html 元素。

document.getElementById("<%= rdoOption1.ClientID %>").value = "sometext";

如果您有 .Net Framework 4 及更高版本，则可以使用 Control.ClientIDMode="static"将服务器 ID 保留在客户端。

编辑 您必须注意的第二件事是确保您尝试访问的 html 元素已经添加到 DOM 中。 .您可以通过将脚本放在您尝试访问的 html 元素之后来实现。最好的位置就在结束 body 标签之前 </body>

     <script type="text/javascript>
           document.getElementById("rdoOption1").innerHTML = "sometext";
     </script>
</body>