如何获得引导开关的值

Question

我正在使用引导开关&我希望在单击开关时获得复选框值。我试过了，但我没有得到价值。你能检查一下我的代码吗&告诉我哪里做错了

​

$('.make-switch').bootstrapSwitch('state');
$('#price_check').click(function () {
  //alert('Test');
  var check = $(this).val();
   console.log(check)
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/css/bootstrap2/bootstrap-switch.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/js/bootstrap-switch.min.js"></script>
<div class="margin-bottom-10">
 <input type="checkbox" class="make-switch" id="price_check" name="pricing" data-on-color="primary" data-off-color="info" value="true">
  </div>

​

Answer 1

塔玛拉

引导开关有一个onSwitchChange属性，可以为您提供切换的状态。请看这把小提琴：https://jsfiddle.net/learnwithclyde/to2hng3f/

$("#price_check").bootstrapSwitch({
  onSwitchChange: function(e, state) { 
    alert(state);
  }
});

上面的代码片段是如何实现onSwitchChange属性并获取切换控件的state的。

Answer 2

我想所有这些解决方案都是关于v5的旧新闻吧？

在任何情况下，这些都不适合我。所以我用了这个解决方案

$('#orderSwitch').on('change', function() {
    console.log($(this).is(':checked'));
});

Answer 3

单击事件不会被开关触发。尝试使用事件switchChange.bootstrapSwitch.这个开关在改变开关时被触发。

另外，为了检查它是否打开，我检查是否应用了类引导开关。如果不超过开关，如果关闭。

​

$('.make-switch').bootstrapSwitch('state');
$('.make-switch').on('switchChange.bootstrapSwitch',function () {
  var check = $('.bootstrap-switch-on');
  if (check.length > 0) {
    console.log('ON')
  } else {
    console.log('OFF')
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/css/bootstrap2/bootstrap-switch.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/js/bootstrap-switch.min.js"></script>
<div class="margin-bottom-10">
 <input type="checkbox" class="make-switch" id="price_check" name="pricing" data-on-color="primary" data-off-color="info" value="true">
  </div>

​