隐藏 asp 单选按钮文本

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

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

我正在尝试下面的 javascript 代码。

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

但它仅禁用单选按钮，但文本“我的单选按钮”可见。我尝试将 text 、 value 属性设置为空白文本，但它不起作用。那么我怎样才能隐藏该单选按钮的文本呢？

这是因为：

<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";