javascript - 引导按钮组 + 单选按钮，检查值在使用 jQuery 的 Firefox 中不起作用

Question

我正在使用引导程序构建一个网站，并使用覆盖在单选按钮之上的按钮组来根据选中的单选按钮加载某些内容。我检查单选按钮中的值属性来决定加载哪些内容（使用 jQuery）。这是相同的JSFiddle。

http://jsfiddle.net/F2Kr3/1/

如果您在 Chrome 中运行它，那么您会在警报提示中获得单选按钮值。

如果您在 Firefox 中运行它，那么您会在警报提示中看到“未定义”。

任何原因，为什么 FF 会这样做，或者我做错了什么。

提前致谢！

Answer 1

这适用于 Chrome 的原因是它会将click事件触发到该input:radio级别，而 Firefox 没有这种行为。

据我所知，Bootstrap 不处理按钮和嵌套输入单选按钮之间的这种功能。因此，您必须input:radio在单击 Bootstrap 样式时设置按钮的选中属性button。

$('div.btn-group .btn').click(function(){
  $(this).find('input:radio').attr('checked', true);
  alert($('input[name=radio-btn-ctrl]:checked').val());
});

http://jsfiddle.net/3prAu/1/