jqm - flipswitch的事件，以及如何获取值？

Question

如何在jQuery mobile中使用flipswitch，以及如何触发在更改（翻转）时触发的事件？另外，如何获得当前值（开/关）？

Answer 1

在 JQM 中，flipswitch就像一个复选框，可以是true或false。因此，阅读它所拥有的价值可以通过以下方式完成：

var a = $("#myFlip").prop("checked") ? "On" : "Off";
console.log(a);

每次更换翻转开关时都会触发一个事件：

$("#myFlip").change(myToggle);       //event, calls myToggle()  

function myToggle(){ 
    var a = $("#myFlip").prop("checked") ? "On" : "Off";
    console.log(a);             
}

HTML：

<form>
    <div data-role="fieldcontain">
      <label for="checkbox-based-flipswitch-0">Checkbox-based:</label>
      <input type="checkbox" id="myFlip" data-role="flipswitch">
    </div>
  </form>

这就是全部！