jQuery - 從按鈕組中獲取活動按鈕（輸入類型=「收音機」）

Question

我使用的引導按鈕，看起來像普通的按鈕，但他們的行爲像收音機。

<div class="btn-group-horizontal" data-toggle="buttons" id ="Group"> 
    <label class="btn btn-sm btn-info btnSelect active"> 
    <input type="radio" name="options" id="Option 1" autocomplete="off" checked> Option 1 
    </label> 
    <label class="btn btn-sm btn-info btnSelect"> 
    <input type="radio" name="options" id="Option 2" autocomplete="off"> Option 2 
    </label> 
</div> 

如何獲取活動按鈕的ID /文本？

謝謝！

Answer 1

溶液如下：

我不得不addiong ID來改變HTML到標籤

<div class="btn-group-horizontal" data-toggle="buttons" id ="Group"> 
    <label class="btn btn-sm btn-info btnSelect active" **id="Option 1"**> 
    <input type="radio" name="options" id="Option 1" autocomplete="off" checked> Option 1 
    </label> 
    <label class="btn btn-sm btn-info btnSelect" **id="Option 2"**> 
    <input type="radio" name="options" id="Option 2" autocomplete="off"> Option 2 
    </label> 
</div> 

，並通過使用以下的jQuery：

var answer= ''; 
      $('#Group .active').each(function(){ 
       answer= $(this).attr('id'); 
      }); 

Answer 2

可以嘗試使用each() & is()。例如：

var activeId = ''; 
$('input[type=radio]').each(function(){ 
    if($(this).is(':checked')){ 
     activeId = $(this).attr('id'); 
     //alert(activeId); 
     return false; 
    } 
}); 

Answer 3

你可以只使用一個簡單的CSS選擇器

$(document).ready(function() { 
    alert($('.active input').prop('id')); 
}); 

演示：http://jsfiddle.net/robschmuecker/L7maoufy/