click or change event on radio using jquery click or change event on radio using jquery jquery jquery

click or change event on radio using jquery


This code worked for me:

$(function(){    $('input:radio').change(function(){        alert('changed');       });          });

http://jsfiddle.net/3q29L/


You can specify the name attribute as below:

$( 'input[name="testGroup"]:radio' ).change(


Works for me too, here is a better solution::

fiddle demo

<form id="myForm">  <input type="radio" name="radioName" value="1" />one<br />  <input type="radio" name="radioName" value="2" />two </form><script>$('#myForm input[type=radio]').change(function() {           alert(this.value);});</script>

You must make sure that you initialized jquery above all other imports and javascript functions. Because $ is a jquery function. Even

$(function(){ <code>}); 

will not check jquery initialised or not. It will ensure that <code> will run only after all the javascripts are initialized.