javascript - 隐藏 asp 单选按钮文本

Question

我有一个 asp 单选按钮，我想在 javascript 中将它的可见性设置为 false。

<asp:RadioButton  ID="rad1" Text="my radio button" runat="server" GroupName="b" />

我正在尝试使用 javascript 编写以下代码。

document.getElementById("rad1").style.visibility = "hidden";

但它只禁用单选按钮，但文本“我的单选按钮”是可见的。我尝试将 text 和 value 属性设置为空白文本，但没有成功。那么如何隐藏该单选按钮的文本。

Answer 1

这是因为:

<asp:RadioButton  ID="rad1" Text="my radio button" runat="server" GroupName="b" /> 

实际渲染到(可以查看源码):

<input name="b" id="rad1" type="radio" value="rad1">
<label for="rad1">my radio button</label>

所以如果你想让两者都隐藏你必须做这样的事情:

var rad1 = document.getElementById("rad1");
rad1.style.visibility = "hidden";
rad1.nextSibling.style.visibility = "hidden";

或者更简单的方法是将单选按钮放在 div 中，例如:

<div id="foo">
    <asp:RadioButton  ID="rad1" Text="my radio button" runat="server" GroupName="b" />
</div>

然后就做:

document.getElementById("foo").style.visibility = "hidden";