jquery - Bootstrap 3 单选按钮

Question

我正在使用 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") 时，什么也没有显示。

谁知道出了什么问题吗？

Answer 1

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

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