jquery - JQuery Flip Switch（滑块），如何检查值“开”或“关”

Question

我使用 jQuery 的 Flip Switch 滑块在 2 个选项之间进行选择：森林或道路。

如何在 jQuery 代码中确定滑块所在位置的当前值（“开”或“关”）？

这是我到目前为止所拥有的：

<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