如何在jQuery中获取Bootstrap切换按钮的值

Question

我有这个标记和jQuery,但我无法成功捕获按钮值或开/关或任何形式的切换设置的识别:

HTML

<div class="form-group">
    <label class="col-md-2 control-label" for="payMethod">Payment Method</label>
      <div class="col-md-2">
        <label class="checkbox-inline bootstrap-switch-noPad" for="payMethod">
          <input type="checkbox" id="payMethod" name="payMethod" data-size="small" value="Credit" data-on-text="Credit" data-on-color="success" data-off-text="Cash" data-off-color="warning" tabindex="13">
        </label>
      </div>
  </div>

jQuery的

$('#payMethod').on( 'change', function() {
  alert('slid');
}); // does not work

$( "#payMethod" ).click(function() {
  alert( $('#payMethod').val() );
}); // does not work

$('#payMethod').change(function() {
  alert('Toggle: ' + $(this).prop('checked'));
}); // does not work

$('input[type=checkbox][name=payMethod]').change(function() {
  alert('help'); // does not work
});

这是滑块按钮(没有复选框):

Answer 1

你可以试试这个

$("#payMethod").change(function(){
    if($(this).prop("checked") == true){
       //run code
    }else{
       //run code
    }
});

Answer 2

您可以使用如下简单:如果在您的html代码中使用id = abc进行bootstrap切换.

$('#abc').prop('checked')

输出为:true或false.(切换时为真,切换为关闭时为假)