javascript - 为什么无法在 Bootstrap radio 组中检查 radio ？

Question

无法在 Bootstrap radio 组中检查 radio 。只有 div 处于事件状态。 Link

Bootstrap 单选组:

<form>
<div class="btn-group custom-btn-group" data-toggle="buttons">
  <label class="btn btn-default active">
    <input type="radio" class="form-control" name="feature_enabled" value="1" checked> Enabled
  </label>
  <label class="btn btn-default">
    <input type="radio" class="form-control" name="feature_enabled" value="0"> Disabled
  </label>
</div>
    </form>
<p><tt id="results"></tt></p>

js

function showValues() {
    var str = $( "form" ).serialize();
    $( "#results" ).text( str );
  }
  $( "input[type='radio']" ).on( "click", showValues );
  $( "select" ).on( "change", showValues );
showValues();

Answer 1

尝试使用 change 事件，而不是 click 事件，因为您的单选按钮包含在 label 内。此布局可能会导致 click 事件不触发。

  $( "input[type='radio']" ).on( "change", showValues );

DEMO