click or change event on radio using jquery

Question

I have some radios in my page and I want to do something when the checked radio changes however the code does not work in IE      input radio   change         And after googling people suggest use the click instead  But it does not work   This is the example code    lt html gt       lt head gt           lt script src  http   ajax googleapis com ajax libs jquery 1 5 1 jquery min js  gt  lt  script gt           lt script type  text javascript  gt                 document   ready                  function                           input radio   click                          function                                alert  changed                                                                                                     lt  script gt       lt  head gt       lt body gt           lt input type  radio  name  testGroup  id  test1    gt test1 lt br  gt           lt input type  radio  name  testGroup  id  test2    gt test2 lt br  gt           lt input type  radio  name  testGroup  id  test3    gt test3 lt  br gt       lt  body gt   lt  html gt    It also does not work in IE   So I want to know what is going on   Also I am afraid if it will retrigger the change event if I click a checked radio   UPDATE   I can not add comment so I reply here   I use IE8 and the link Furqan  give me also does not work in IE8  I do not know why

User · Answer

You can specify the name attribute as below       input name  testGroup   radio    change

User · Answer

Try    document  ready    instead of     document   ready    or you can use a shorthand form    function

User · Answer

x000D   x000D      input name  testGroup   radio    on  change   function e    x000D       console log e type   x000D       return false  x000D      x000D   x000D   x000D    This syntax is a little more flexible to handle events  Not only can you observe  changes   but also other types of events can be controlled here too by using one single event handler  You can do this by passing the list of events as arguments to the first parameter  See jQuery On  Secondly   change   is a shortcut for  on   change   handler    See here  I prefer using  on   rather than  change because I have more control over the events   Lastly  I m simply showing an alternative syntax to attach the event to the element

User · Answer

Works for me too  here is a better solution   fiddle demo  lt form id  quot myForm quot  gt     lt input type  quot radio quot  name  quot radioName quot  value  quot 1 quot    gt one lt br   gt     lt input type  quot radio quot  name  quot radioName quot  value  quot 2 quot    gt two   lt  form gt    lt script gt      myForm input type radio    change function                alert this value        lt  script gt   You must make sure that you initialized jquery above all other imports and javascript functions  Because   is a jquery function  Even   function      lt code gt        will not check jquery initialised or not  It will ensure that  lt code gt  will run only after all the javascripts are initialized

User · Answer

This code worked for me     function            input radio   change function            alert  changed                                http   jsfiddle net 3q29L

[jquery] click or change event on radio using jquery

Examples related to jquery

Examples related to radio-button