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

Answer 2

通过JQuery试试这个首先，不要忘记在页面标题处添加Jquery CDN。

<head runat="server">
    <title></title>
    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
</head>

功能将是。 rdName =＆gt;是你的RadioButton Id

$('#rdName').css('display','none');   //Hide Radiobutton.
$('label[For= "rdName"]').css('display','none'); //Hide Radiobutton Text.

你有另一个解决方案来拖动a中的radiobutton并给它一个Id。然后隐藏/显示它，然后将隐藏单选按钮及其文本。

Answer 3

你应该使用这种类型的代码来获取asp.net控件

document.getElementById('<%=rad1.ClientID %>').style.visibility = "hidden";

通过此，您可以将可见性设置为false。

Answer 4

您可以使用jquery隐藏它，

$('#rad1').parent().hide();

让我知道它是否有效。它应该工作正常