html type 부트 스트랩 단추 라디오 그룹 기본값(특성 검사) 작동하지 않음




부트 스트랩 radio (3)

트위터 부트 스트랩에서 '활성'클래스를 사용하여 기본값을 나타냅니다. 예를 들어 트위터 부트 스트랩을 사용하는 경우 다음 코드는 우수함을 기본 선택으로 사용합니다.

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default **active**">
        <input type="radio" name="inputWalls" id="inputWalls" value="Excellent" checked>
    Excellent </label>
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Good">
    Good </label>
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Poor">
    Poor </label>
</div>

버튼을 토글하면 레이블 클래스에서 '활성'클래스를 추가 / 제거합니다.

예를 들어 이것을 확인하십시오 - http://getbootstrap.com/javascript/#buttons - 라디오

무수한 시간의 연구 끝에 Bootstrap을위한 버튼 라디오 그룹에 대해 확인 된 속성을 작동시키는 방법에 대해 여전히 바보입니다. "Excellent"를 기본값으로 설정하려고합니다.

라디오 입력을 checked 하고 selected 하지 않았 음을 알고 있지만 selected 시도해 보았지만 아무 것도 작동하지 않았습니다.

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Excellent" checked>
    Excellent </label>
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Good">
    Good </label>
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Poor">
    Poor </label>
</div>

설명이 필요하면 알려주십시오.


두가지:

  1. <input> 요소에 대해 서로 다른 ID를 사용해야합니다 - 고유해야합니다!
  2. 당신의 본보기가 나를 위해 일합니다! JSFiddle 에서 JSFiddle !

질문과 대답이 bootstrap 3.0을 사용하고있는 것처럼 보입니다. 나는 부트 스트랩 2.3과 같은 질문을했다.

<div class="btn-group" data-toggle="buttons-radio">
    <button class="btn active"> Option 1</button>
    <button class="btn"> Option 2</button>
    <button class="btn"> Option 3</button>
</div>




twitter-bootstrap