引導按鈕組+單選按鈕，使用jQuery Firefox中的選中值不起作用

Question

我使用引導程序構建網站，並使用疊加在單選按鈕頂部的按鈕組來加載某些基於哪個單選按鈕被選中的內容。我檢查單選按鈕中的值屬性以決定加載哪些內容（使用jQuery）。這裏是JSFiddle的相同。

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

如果您在Chrome中運行這個，那麼你在警報提示得到單選按鈕值。

如果您在Firefox中運行此操作，則會在警報提示中出現「未定義」。

任何理由，爲什麼FF的行爲是這樣，或者我做錯了什麼。

在此先感謝！

Answer 1

Chrome瀏覽器的原因是，它觸發click事件的級別爲input:radio，而Firefox沒有這種行爲。

據我所知，Bootstrap不處理按鈕和嵌套輸入單選按鈕之間的這種功能。因此，您需要點擊Bootstrap樣式button來設置input:radio按鈕的選中屬性。

$('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/