'JQuery 'Change' event handler for asp.net radiobuttonlist not triggering event

I wired the Change event handler for an ASP.NET radiobuttonlist like this in the ready() handler in jQuery like this:

$("#<%=rblYesNo.ClientID%>").change(MyFunction);

When I select one of the radio buttons, MyFunction doesn't get called. Why?



Solution 1:[1]

IE has a problem with the 'change' event on radio buttons, try using click instead:

$("#<%=rblYesNo.ClientID%>").click(MyFunction);

Solution 2:[2]

$(document).ready(function() {
  $('#&lt%=rblYesNo.ClientID%&gt input[type="radio"]').each(function() {
                $(this).click(function() {
                alert((this).value);
            });
  });
 });

Solution 3:[3]

$("#<%=rblYesNo.ClientID%> input").change(function(){ });

and

$("#<%=rblYesNo.ClientID%>").click(MyFunction);

it may works in simple page. what if there is AjaxControlToolkit TabPanel in page? it will not works. Because radio button list will be on other tab so it will find by the jquery and event cannot registered.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 karim79
Solution 2
Solution 3 DineshHona