JQuery Flip Switch（滑块），如何查看值＆＃39; on＆＃39;或者＆＃39;关闭＆＃39;

Question

我使用了jQuery中的Flip Switch滑块来选择2个选项：forest或road。

如何在jQuery代码中确定滑块所在的当前值是什么（'on'或'off'）？

这是我到目前为止所做的：

<img src="images/tree.png" width="15%" />
<select name="flip-1" id="flip-1" data-role="slider">
  <option value="off">Forest</option>
  <option value="on">Road</option>
</select>
<img src="images/road.png" width="15%" />

<script>
  $(window).on('load', function () { 
    alert($('#flip-1').val()); 
  }
</script>

Answer 1

这将完成工作

$('#flip-1').on('change',function(){
  alert($('#flip-1').val()); 
});

<强> JSFIDDLE