如何隐藏单选按钮列表中的单选按钮之一?

Posted

技术标签:

【中文标题】如何隐藏单选按钮列表中的单选按钮之一?【英文标题】: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");

【问题讨论】:

【参考方案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");

在这种情况下,rdBtnRadioButtonList ID

【讨论】:

【参考方案6】:

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

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

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

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

【讨论】:

以上是关于如何隐藏单选按钮列表中的单选按钮之一?的主要内容,如果未能解决你的问题,请参考以下文章

单击提交后如何获取选定的单选按钮以显示特定的隐藏 div?

在 cakephp 中的单选按钮旁边添加图像

如果未选中单选按钮,如何将隐藏字段设置为零

更改单选按钮选中状态时如何从单选按钮组中的单选按钮获取文本

Python Tkinter 中的单选按钮值

如何将枚举传递给 Html.RadioButtonFor 以获取 MVC 2 RC 2、C# 中的单选按钮列表