javascript - 如何读取切换 btn 的值？

Question

我如何知道使用 javaScript 按下了什么按钮？

<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
  <div id="insert_data__radio_gender" class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary">
      <input type="radio" name="options" id="insert_data__radio_gender_f" autocomplete="off">Female
    </label>
    <label class="btn btn-primary active">
      <input type="radio" name="options" id="insert_data__radio_gender_m" autocomplete="off">Male
    </label>
  </div>
</div>

Answer 1

这是使用 JQuery 的实例:

$('.btn-group input').on('change', function() {
  alert($('input[name="options"]:checked', '.btn-group').val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
  <div id="insert_data__radio_gender" class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary">
      <input type="radio" name="options" id="insert_data__radio_gender_f" autocomplete="off" value="Female">Female
    </label>
    <label class="btn btn-primary active">
      <input type="radio" name="options" id="insert_data__radio_gender_m" autocomplete="off" value="Male">Male
    </label>
  </div>
</div>