我正在使用引导程序构建一个网站，并使用覆盖在单选按钮顶部的按钮组来根据选中的单选按钮加载某些内容。我检查单选按钮中的value属性来决定加载哪个内容（使用jQuery）。这是JSFiddle的相同内容。
如果您在Chrome中运行此功能，则会在警告提示中获得单选按钮值。
如果你在Firefox中运行它，那么你会在警告提示中得到“未定义”。
任何原因，为什么FF表现得这样或者我做错了什么。
提前致谢！
答案 0 :(得分：3)
这适用于Chrome的原因是它会将click事件触发到input:radio级别，而Firefox则没有这种行为。
据我所知，Bootstrap不会在按钮和嵌套输入单选按钮之间处理此功能。因此，您必须在点击Bootstrap样式input:radio时设置button按钮的checked属性。
$('div.btn-group .btn').click(function(){
$(this).find('input:radio').attr('checked', true);
alert($('input[name=radio-btn-ctrl]:checked').val());
});