javascript - Bootstrap 3 单选按钮正确的语法

Question

因此，我一直在将我当前的项目从 Bootstrap 2.3 迁移到 Bootstrap 3，其中有一些重大的结构变化，特别是由于单选按钮。目前我有

HTML:

<div class="btn-group" data-toggle="buttons">                            
  <label class="btn btn-primary">
    <input id="emViewMacsButton" name="options" type="radio">MAC
  </label>
  <label class="btn btn-primary">
    <input id="emViewTagsButton" name="options" type="radio">Tags
  </label>
  <label class="btn btn-primary">
    <input id="emViewSettingsButton" name="options" type="radio">Settings
  </label>
</div>

脚本代码:

$('#emViewMacsButton').on('click',emViewMacs());
$('#emViewTagsButton').on('click',emViewTags());                      
$('#emViewSettingsButton').on('click',emViewSettings());

我的问题在于我已经设置了我的程序，每个不同的单选按钮都必须访问不同的函数来显示表格数据。 .on('click') 函数不返回任何内容。我也尝试过 $('input[name=options]') 但没有为返回的 HTML 上的任何单选按钮设置 active 属性。 正确的结构是什么？

Answer 1

http://jsbin.com/uwezip/1/edit

将一个函数 (myFunction()) 传递给另一个函数回调时，只需删除 ()

$(function(){ // DOM is now ready to be manipulated

    $('#emViewMacsButton').on('change',emViewMacs);
    $('#emViewTagsButton').on('change',emViewTags);                      
    $('#emViewSettingsButton').on('change',emViewSettings);

});