jquery - Bootstrap 3 单选按钮

Question

我正在玩 twitter bootstrap 3 及其新的单选按钮，但似乎无法检查哪个按钮。

我的按钮是这样的：

    <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 获得 2 个按钮$("input[name='inputLogType']")，其中一个将具有checked:true属性。但是，当我这样做时$("input[name='inputLogType']:checked")，什么都没有出现。

有谁知道出了什么问题？

Answer 1

您是否尝试访问:checked点击回调中的值？如果是这样，很可能该属性尚未应用。

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