Question

Found a similar question but it didn’t solve my issue. I am trying to call a .change() event to display some hidden text when a user selects a RadioButton.

I tried this in JSFiddle and it works with normal forms but can’t seem to get it to work with my ASP.NET form.

Original code — http://jsfiddle.net/pJgyu/8226/ (when you click the Yes or No it displays or hides the paragraph).

My ASP code —

<asp:RadioButton ID="RadioButton1" runat="server" Text="Yes" GroupName="RadioGroup1" />    <br /></p>
<asp:RadioButton ID="RadioButton2" runat="server" Text="No" GroupName="RadioGroup1" />      

<p style="display: none">testing 1...2...3...</p>  

When I fire off my JQuery code –

$("input:radio").change(function ()
  $("p").toggle("slow");
});

and change the “input:radio” to #RadioButton1 (or 2) or even <%=RadioButton1%> nothing happens.

So, what am I doing wrong? I’m a JQuery overall ASP.NET noob. 🙂

Thanks for any direction/pointers/tips.

Answer 1

Try placing everything inside the document ready

$(function() {
  $( "#accordion" ).accordion();
  $("input:radio").change(function () {
     $("p").toggle("slow");
   });
});

Your existing code on jsfiddle is working since you picked to have jsfiddle wrap everything in a $(window).load()