Javascript Bootstrap 3单选按钮语法正确

因此，我一直在将我当前的项目从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属性。 正确的结构是什么？

将函数（

myFunction（）

）传递到另一个函数回调时，只需删除

（）

---

没有区别，因为HTML标记似乎没有响应.on（'click'）或.click（）方法。@MikeMeding是否已将代码包装到

document ready

函数中？是否将其包装到document ready也没有区别。我真的认为这与我的听众的设置方式有关。我真的希望Bootstrap3有比这更好的单选按钮文档…好吧，至少希望你从这本书中学到一些有用的东西；）看起来Bootstrap3是在一周前发布的，它会有一些怪癖，但这一个已经变得特别令人沮丧。

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

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

});