라디오 버튼 그룹과 같은 버튼 그룹 작업을 수행하는 방법은 무엇입니까?

Question

부트 스트랩 3을 사용 중이며 두 개의 버튼을 라디오 버튼으로 사용하려고합니다. 그러나 어떻게 알 수는 없습니다. 저는 여기에 개인 선택하면 다른 하나는 (예상대로) 해제되지만 문제가

<div class="btn-group" > 
    <div class="btn-group"> 
     <button type="button" class="btn btn-default"> 
      PERSONAL 
     </button> 
    </div> 
    <div class="btn-group"> 
     <button type="button" class="btn btn-default"> 
      COMPANY 
     </button> 
    </div> 
</div> 

내 코드 진행 : 양식이 시작될 때 그들의

• 없음 활성화되어 있지
• 나는 두 양식

Answer 1

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option1"> Option 1 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option2"> Option 2 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option3"> Option 3 
    </label> 
</div> 

밖으로 클릭 해제 이후 JS로 초기화 할 수 있습니다 :자바 스크립트를 통해 버튼을 사용 :

$('.btn').button() 

당신은 레이블을 그것의 활성 추가 "활성"클래스를 만들 수 있습니다 - "BTN-차 활성 btn을"입력 라디오에 "확인".