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:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$('document').ready(
function(){
$('input:radio').click(
function(){
alert('changed');
}
);
}
);
</script>
</head>
<body>
<input type="radio" name="testGroup" id="test1" />test1<br/>
<input type="radio" name="testGroup" id="test2" />test2<br/>
<input type="radio" name="testGroup" id="test3" />test3</br>
</body>
</html>
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...
This code worked for me:
$(function(){
$('input:radio').change(function(){
alert('changed');
});
});
You can specify the name attribute as below:
$( 'input[name="testGroup"]:radio' ).change(
Works for me too, here is a better solution::
<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.