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

我有一些单选按钮如下：

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

但是页面上有多个单选按钮，所以我认为这不起作用。当我尝试

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

我得到jquery错误：

语法错误，无法识别的表达式：不支持的伪：mapType

。是否有更好的方法向这些单选按钮添加侦听器？

使用此选择器-

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

---

您可以使用更简单的形式$（'：radio[name=“mapType”]）：radio equal input[type=“radio”]

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