jqueryを使用してラジオのイベントをクリックまたは変更します

Question 1

ページにいくつかの無線があり、チェックされた無線が変更されたときに何かをしたいのですが、コードがIEで機能しません。

$('input:radio').change(...);

そしてグーグルした後、人々は代わりにクリックを使用することを提案します。しかし、それは機能しません。

これはサンプルコードです：

<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>

また、IEでは機能しません。

だから私は何が起こっているのか知りたいですか？

また、チェックされたラジオをクリックすると、変更イベントが再トリガーされるのではないかと心配しています。

更新：

コメントを追加できないので、ここに返信します。

私はIE8を使用していますが、Furqanが提供するリンクもIE8では機能しません。何故かはわからない...

Question 2

このコードは私のために働いた：

$(function(){

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

});

http://jsfiddle.net/3q29L/

Question 3

name属性は次のように指定できます。

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

Question 4

私にとってもうまくいきます、ここにもっと良い解決策があります::

フィドルデモ

<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>

jquery他のすべてのインポートおよびjavascript関数の上に初期化したことを確認する必要があります。ため$であるjquery機能。でも

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

jquery初期化されているかどうかはチェックされません。これにより、<code>すべてのJavaScriptが初期化された後にのみ実行されるようになります。

Question 5

試してみてください

$(document).ready(

の代わりに

$('document').ready(

または、省略形を使用できます

$(function(){
});

Question 6

$( 'input[name="testGroup"]:radio' ).on('change', function(e) {
     console.log(e.type);
     return false;
});

スニペットを展開

この構文は、イベントを処理するためにもう少し柔軟です。「変更」を監視できるだけでなく、単一のイベントハンドラーを使用して、他のタイプのイベントもここで制御できます。これを行うには、イベントのリストを引数として最初のパラメーターに渡します。jQueryOnを参照してください

次に、.change（）は.on（ "change"、handler）のショートカットです。こちらをご覧ください。イベントをより細かく制御できるため、.changeではなく.on（）を使用することをお勧めします。

最後に、イベントを要素にアタッチするための代替構文を示しています。