How do I show/hide Label/Textbox when a RadioButton is clicked?

[Jason]

I am new to WebForms and am far more comfortable with WinForms. I am
wondering how simple things such as showing/hiding a label and textbox can
be accomplished if a certain Radiobutton option is clicked/unclicked without
taking a trip back to the webserver? Is there some easy way to do this? (I'm
gussing it will require JavaScript)

[William F. Robertson, Jr.]

Javascript is the route to take.

I would wire to the "onclick" event of the radio button.

The javascript I use to show and hide controls is:

document.all["tblShowMe"].style.display = "";
document.all["tblHideMe"].style.display = "none";

If you need more info, let me know.

HTH,

bill
tblReplacementInvoice.style.display = "none"
"Jason" <nf*@nospam.com> wrote in message
news:eX**************@TK2MSFTNGP11.phx.gbl...

I am new to WebForms and am far more comfortable with WinForms. I am
wondering how simple things such as showing/hiding a label and textbox can
be accomplished if a certain Radiobutton option is clicked/unclicked without taking a trip back to the webserver? Is there some easy way to do this? (I'm gussing it will require JavaScript)

[Karl]

Without going back to the server it does require javascript, something
untested like:
<asp:label id="usernameLabel" runat="server" /> <asp:dropdownlist id="ddl"
runat="server" onChange="changed(this);" />
<script language="javascript">
function changed(ddl){
var username = document.getElementById('<%=usernameLabel.UniqueId %>');
switch (ddl.options[ddl.selectedIndex].value){
case "1":
username.style.visibility = 'hidden';
break;
default:
username.style.visibility = 'visible';
break;
}
}

</script>

That's just a basic example,
Karl
--
MY ASP.Net tutorials
http://www.openmymind.net/
"Jason" <nf*@nospam.com> wrote in message
news:eX**************@TK2MSFTNGP11.phx.gbl...

I am new to WebForms and am far more comfortable with WinForms. I am
wondering how simple things such as showing/hiding a label and textbox can
be accomplished if a certain Radiobutton option is clicked/unclicked without taking a trip back to the webserver? Is there some easy way to do this? (I'm gussing it will require JavaScript)

[Jason]

I also discovered that if I use the RadioButtonList, set
AutoPostBack="True", and hook the SelectedIndexChanged event I can
hide/unhide labels and textboxes using C# rather than JavaScript.

However, it is obvious it would be much more efficient to use JavaScript for
something like this... so I guess I better learn it.

"Karl" <karl REMOVE @ REMOVE openmymind REMOVEMETOO . ANDME net> wrote in
message news:ue**************@tk2msftngp13.phx.gbl...

Without going back to the server it does require javascript, something
untested like:
<asp:label id="usernameLabel" runat="server" /> <asp:dropdownlist id="ddl"
runat="server" onChange="changed(this);" />
<script language="javascript">
function changed(ddl){
var username = document.getElementById('<%=usernameLabel.UniqueId %>');
switch (ddl.options[ddl.selectedIndex].value){
case "1":
username.style.visibility = 'hidden';
break;
default:
username.style.visibility = 'visible';
break;
}
}

</script>

That's just a basic example,
Karl
--
MY ASP.Net tutorials
http://www.openmymind.net/