切换开关状态问题

时间:2018-01-09 10:08:01

标签: javascript jquery html css twitter-bootstrap

我已经通过很多关于bootstrap switch状态更改事件的帖子。我再次发布这个问题,因为他们没有帮助我解决我脚本中遇到的问题。

我通过从以下链接中给出的帖子中获取输入来创建了一个切换开关。  https://codepen.io/anon/pen/OzQXRm?editors=1111

我希望在点击开关时获得开关的状态(开/关)。

我已尝试过以下代码,如许多文章所述,但此事件本身并未触发

$('.switch').on('switchChange.bootstrapSwitch', function (event, state) {  
        //actions here          
    });    
</script>

使用以下代码触发点击事件 -

 $(document).on( 'click', 'input', function (e) { 
    //code here    
 });

但我不知道如何使用上述事件捕捉切换状态(开/关)。

你能帮我找一个解决这个问题的方法吗?

2 个答案:

答案 0 :(得分:1)

我可以使用以下代码检查状态。谢谢Rory&amp; Carsten的意见。

$('.switch').on('change', function (event, state) {  
  console.log($(this).is(':checked'));
});

答案 1 :(得分:0)

请遵循此代码

   $('.status').on('switchChange.bootstrapSwitch', function (event, state) {

    console.log($(this).val());
    alert(event);
    alert(state);
});