radiobutton list item make visible true or false in javascript : The Official Microsoft ASP.NET Forums

 <asp:RadioButtonList ID="rbList" runat="server">
        <asp:ListItem Text="One" Value="1"></asp:ListItem>
        <asp:ListItem Text="Two" Value="2"></asp:ListItem>
    </asp:RadioButtonList>

 function hideOptions() {
            var list = document.getElementById('rbList');
            list.getElementsByTagName('input')[0].nextSibling.style.display = 'none';
            list.getElementsByTagName('input')[0].style.display = 'none';
        }

That hides the first item. alternatively, you can also remove the child I guess.

Santhosh

Reply

swapnil_visp...

0 Points

4 Posts

Re: radiobutton list item make visible true or false in javascript

Sep 02, 2010 05:57 AM|LINK

hi sansan thanks for your help i tried this but it can not worked .

Reply

sansan

All-Star

53942 Points

8147 Posts

Re: radiobutton list item make visible true or false in javascript

Sep 02, 2010 06:18 AM|LINK

swapnil_vispute

hi sansan thanks for your help i tried this but it can not worked .

not sure how you tried that. This is the markup and it works fine for me.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function hideOptions() {
            var list = document.getElementById('rbList');
            list.getElementsByTagName('input')[0].nextSibling.style.display = 'none';
            list.getElementsByTagName('input')[0].style.display = 'none';
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:RadioButtonList ID="rbList" runat="server" Font-Names="Verdana" Font-Size="Small"
        RepeatDirection="Horizontal">
        <asp:ListItem Text="Yes" Value="1"></asp:ListItem>
        <asp:ListItem Text="No" Value="2"></asp:ListItem>
    </asp:RadioButtonList>
    Server Side:
    <asp:Button ID="btn" runat="server" Text="hide" OnClick="btn_Click" />    
    Client Side:
    <button onclick="hideOptions();">
        Hide</button>
    </form>
</body>
</html>

code behind:

protected void btn_Click(object sender, EventArgs e)
{
    rbList.Items[0].Attributes.Add("style", "display:none");
}

That hides the first item. you have to modify it to fit your requirement.

Santhosh

Reply

swapnil_visp...

0 Points

4 Posts

Re: radiobutton list item make visible true or false in javascript

Sep 02, 2010 06:58 AM|LINK

hi thanks for your help again i tried the snippets which you provided and found that at client side snippets is work fine ,

but when i checked for server side snippets it hide the radiobuttonlist item but not the text .

Reply

sansan

All-Star

53942 Points

8147 Posts

Re: radiobutton list item make visible true or false in javascript

Sep 02, 2010 07:06 AM|LINK

swapnil_vispute
it hide the radiobuttonlist item but not the text .

Can you pls explain what you are trying to achieve?

you can hide the ListItem/Option by making it invisible. What do you mean by hiding the text? Hiding the list item means hiding the text.

Santhosh

Reply

swapnil_visp...

0 Points

4 Posts

Re: radiobutton list item make visible true or false in javascript

Sep 02, 2010 07:22 AM|LINK

i want to make one listitem visible false at pageload , hiding the text means radiobutton list control have radiobutton with text .

when i run the application it hide the radiobutton only not it related text. means for your radiolist example not hide the one text .

your snippets for client side is working for me .

Marked as answer by Vince Xu - MSFT on Sep 16, 2010 02:05 AM

Reply

r_vaishnavi

Member

8 Points

32 Posts

Re: radiobutton list item make visible true or false in javascript

Nov 09, 2010 07:01 AM|LINK

Hi,

I am also facing the same issue. If you found the solution pls help me

Reply

komminen

Member

2 Points

1 Post

Re: radiobutton list item make visible true or false in javascript

Jan 14, 2013 03:28 PM|LINK

May its too late for me to answer, but list.getElementsByTagName('input')[0].nextSibling.style.display = 'none'; works for me.

Thanks a lot sasan.Its small thing but took me hours to find it.

radiobutton list item make visible true or false in javascript RSS

8 replies

swapnil_visp...