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

이 솔루션은 다음과 같은되었습니다

내가 ID를 addiong하여 HTML을 변경했다 lable에

<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/