javascript - リスナーを名前でラジオボタンに追加

Question

次のようなラジオボタンがあります。

   <div class ="queryPropertiesSection" id="MapButtons">
        <div class="queryPropertiesLabel"> Map Type:</div>
        <input id="type1" type="radio" name="mapType" value="c"checked />Map 1
        <input id="type2" type="radio" name="mapType" value="d" />Map 2
    </div>

名前を使用して、これらのラジオ ボタンにリスナーを追加したいと考えています。私はこのコードを見ました：

$('input:radio').on('change', function(){
    //access value of changed radio group with $(this).val()
});

ページには複数のラジオボタンがあるため、これは機能しないと思います。やってみると

 $('name:mapType').on('change', function(){
        //access value of changed radio group with $(this).val()
    });

jquery エラーが発生します: syntax error, unrecognized expression: unsupported pseudo: mapType. これらのラジオ ボタンにリスナーを追加するより良い方法はありますか?

Answer 1

このセレクターを使用します -

$('input:radio[name="mapType"]')