更改选项，执行事件javascript

Question

在我的代码中，我有一个选项按钮集合。我想在我的JavaScript文件中更改选项时执行一个函数。

<div class="col-sm-8 user-type" > 
    <%= f.collection_radio_buttons :team_account_type, [ ['admin', 'Administrator'], ['team_leader', 'Team Leader'], ['standard_user', 'Standard User']], :first, :last, checked: ['standard_user', 'Standard User']%> 
</div> 

我的js文件

$('#team_account_type').on('change', function() { 
     console.log("i have selected team leader") 
}); 

但它无法正常工作。当我点击不同的选项时，它不会捕获它或识别它。任何帮助赞赏。

感谢

Answer 1

包装你的代码中$(function(){ ... });所以应用上，当DOM就绪这种变化的事件处理程序。

$(function(){ 
    $("#team_account_type").on("change", function() { 
     console.log("i have selected team leader"); 
    }); 
}); 

或者您也可以使用委托对象document

$(document).on("change","#team_account_type", function() { 
      console.log("i have selected team leader"); 
    });