jqm - 翻转开关的事件，以及如何获取值？

【问题标题】：jqm - event for flipswitch, and how to get the value?jqm - 翻转开关的事件，以及如何获取值？
【发布时间】：2014-03-06 23:04:47
【问题描述】：

翻转开关在 jQuery mobile 中是如何工作的，以及如何触发在它被改变（翻转）时触发的事件？另外，如何获得它的当前值（开/关）？

【问题讨论】：

标签： android jquery jquery-mobile

【解决方案1】：

在JQM 中，翻转开关就像一个复选框，可以为真或假。因此，可以通过以下方式读取它的价值：

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>

就是这样！

【讨论】：