Bootstrap 3单选按钮

时间:2013-08-01 19:46:34

标签: jquery twitter-bootstrap radio-button twitter-bootstrap-3

我正在玩twitter bootstrap 3及其新的radio buttons,似乎无法检查哪个按钮。

我的按钮是这样的:

    <div class="form-group">
      <label for="inputLogType" class="col-lg-2 control-label">Log type</label>
      <div class="col-lg-10">
        <div class="btn-group" data-toggle="buttons">
          <label class="btn btn-primary">
            <input type="radio" name="inputLogType" id="splunk">Splunk
          </label>
          <label class="btn btn-primary">
            <input type="radio" name="inputLogType" id="pig">PIG
          </label>
        </div>          
      </div>            
    </div>

我可以判断是否通过$(".btn-group").click()点击了任一按钮,但是在那里我无法获得点击的按钮。我将通过jquery $("input[name='inputLogType']")获得2个按钮,其中一个将具有checked:true属性。但是当我$("input[name='inputLogType']:checked")时,没有任何显示。

任何人都知道什么是错的?

1 个答案:

答案 0 :(得分:4)

您是否尝试在点击回调中访问:checked值?如果是这样,该物业很可能尚未应用。

您可以使用$(event.target).find('input');选择目标单选按钮。