按名称将侦听器添加到单选按钮

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"]')