隐藏 asp 单选按钮文本

Hide asp radio button text

本文关键字：文本 单选按钮 asp 隐藏      更新时间：2023-09-26

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

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

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

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

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

这是因为：

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

试试这个 JQuery首先不要忘记在你的页面标题中添加Jquery CDN。

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

功能将是。rdName => 是您的单选按钮 ID

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

您还有另一种解决方案可以将单选按钮拖入并为其提供 ID，然后隐藏/显示它，然后单选按钮将被隐藏及其文本。

你应该

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

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

通过这种方式，您可以将可见性设置为 假 .

你可以使用 jquery 来隐藏它，

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

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

相关文章：