javascript - 向单选按钮添加额外事件的主干事件

Question

我有一组正在测试的单选按钮，将用于更改主题。Html 代码是直截了当的

<div id="options">
    <input type="radio" name="imm" id="themea" value="a" /> Theme 1
    <input type="radio" name="imm" id="themeb"  value="b" /> Theme 2
</div>  

当我单击一个单选项目时，第一次围绕以下代码将显示一次警报，第二次显示两次，第三次显示第三次，依此类推。发生了什么事，我想我需要摧毁一些东西，但不确定是什么。

这是我的主干代码：

events: {
    "click input[type=radio]": "onRadioClick"
},
onRadioClick: function (e) {
    // e.stopPropagation();
    var self = this
    _.bindAll(self)

    $("input:radio[name=imm]").click(function (){
        var somval =  $(this).val();  
        alert(somval)
    });

这就是我初始化视图的方式：

initialize: function(state) {
    var self = this
    _.bindAll(self)

    self.state = state
    self.setElement('#options')

    self.elem = {
        imm: self.$el.find('#imm')
    }
}