无线电无法在自举无线电组中检查

时间:2014-06-25 13:00:18

标签: javascript jquery twitter-bootstrap

无法在bootstrap无线电组中检查无线电。只有div正在变得活跃。 http://jsfiddle.net/JAM5v/1/

Bootstrap radiogroup

<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();

1 个答案:

答案 0 :(得分:2)

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

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

DEMO