Dynamic change to item in ASP.NET C# without postback?

Question

In ASP.NET C#, I have a checkbox and a text box. I would like to make the text box's visibility dependany upon the checkbox (ie if the box is checked, the text box is visible, and if it is not checked, the text box is hidden), but I would like it done "immediately" as opposed to through a postback. Is this possible?

Answer 1

You need to write a client side script in javascript that handles this behavior. If you don't know what's javascript google it.

Answer 2

With jquery you can do something like:

$(document).ready(function() {
  $('.mycheckbox').change(function() {
    $('.mycheckbox').is(':checked') ? $('.mytextbox').show() : $('.mytextbox').hide();
  });
});

where mycheckbox and mytextbox are classes for your inputs.

Or you can use ClientID :

<asp:CheckBox runat="server" ID="cb" />
<asp:TextBox runat="server" ID="txt" />
<script type="text/javascript">
$(document).ready(function() {
  $('#<%= cb.ClientID %>').change(function() {
    $('#<%= cb.ClientID %>').is(':checked') ? $('#<%= txt.ClientID %>').show() : $('#<%= txt.ClientID %>').hide();
  });
});
</script>