如何隐藏单选按钮列表中的单选按钮之一？答案

【问题标题】：How to hide one of the radiobutton in radiobutton list?如何隐藏单选按钮列表中的单选按钮之一？
【发布时间】：2014-04-21 12:01:49
【问题描述】：

假设我想隐藏一个值为 0 的单选按钮，什么代码可以使它可见 = false？我使用的是 Javascript、C# 和 ASP.NET。

<asp:ListItem Value="1"> 1&nbsp</asp:ListItem>
<asp:ListItem Value="2"> 2&nbsp</asp:ListItem>
<asp:ListItem Value="3"> 3&nbsp</asp:ListItem>
<asp:ListItem Value="4"> 4</asp:ListItem>
<asp:ListItem Value="0" Selected="True" Enabled="False">

foreach (ListViewDataItem item in ListView1.Items)
{
    var rbl = (RadioButtonList)item.FindControl("rblSelect");
    var selectedValue = int.Parse(rbl.SelectedItem.Value);
    var selectedText = rbl.SelectedItem.Text;
    var selectedIndex = rbl.SelectedIndex;
    rbl.Items[0].Attributes.CssStyle.Add("visibility", "hidden");
}

【问题讨论】：

标签： c# javascript asp.net

【解决方案1】：

试试这个：来自CodeBehind

MyRadioButtonList.Items[0].Attributes.CssStyle.Add("visibility", "hidden");

编辑：

int count = 0; //index of item tobe hidden
foreach (ListViewDataItem item in ListView1.Items)
{


    var rbl = (RadioButtonList)item.FindControl("rblSelect");
    var selectedValue = int.Parse(rbl.SelectedItem.Value);
    var selectedText = rbl.SelectedItem.Text;
    var selectedIndex = rbl.SelectedIndex;

    if(count == 0)
       rbl.Attributes.CssStyle.Add("visibility", "hidden");

    count++;
}

【讨论】：

我已经更新了我的问题，但仍然无法隐藏它。
我最终使用了：MyRadioButtonList.Items[0].Attributes.CssStyle.Add("display", "none");

【解决方案2】：

试试这个

rbl.Items[0].Enabled = false;

【讨论】：

【解决方案3】：

使用以下内容：

MyRadioButtonList.Items[0].Attributes.CssStyle.Add("display", "none");

【讨论】：

【解决方案4】：

在 javascript 中可以使用 ".style.display" 隐藏它

var radio = document.getElementById('idOfYourRadiobutton');
radio.style.display = 'none'; // to hide
radio.style.display = 'block'; // to show

【讨论】：

【解决方案5】：

你需要修改代码如下：

rdBtn.items.remove("name_of_the_item");

在这种情况下，rdBtn 是 RadioButtonList ID

【讨论】：

【解决方案6】：

不想显示的可以试试这个：

ListView1.Items.FindByValue("0").Attributes.CssStyle.Add("display", "none")

将 ("display", "none") 更改为 ("visibility", "hidden") 以隐藏它。

隐藏和不显示有什么区别？ 好吧，如果你在其他两个单选按钮之间隐藏一个单选按钮，那么两个按钮之间仍然有一个空格。不显示就没有这么奇怪的空间了。

【讨论】：