javascript - Flipswitch 使用 jquery-mobile 更新 mysql

Question

我正在尝试使用 JQM Flipswitch，但遇到了一些问题。我的目标:当翻转开关打开或关闭时→java通知→php→mysql

这段代码可以工作，但有两个问题: 1) 总是返回OFF 2)不更新

如有任何帮助，我们将不胜感激

HTML

<fieldset>
   <div data-role="fieldcontain">
      <span id="alarm_box">
         <label for="alarm">Alarm:</label>
         <input type="checkbox" id="alarm" data-role="flipswitch">
         <div id="alarm_n"></div>
      </span>
   </div>
</fieldset>

JAVA/AJAX

$('#alarm_box').on('click', function () {
    var checkStatus = this.checked ? 'ON' : 'OFF';

    $.post("main_send.php", {
        "alarm": checkStatus
    },

    function (data) {
        $('#alarm_n').html(data);
    });
});

Answer 1

使用绑定(bind)到 Flipswitch 的 change 事件(alarm)，而不是click。

$('#alarm').on('change', function () {
    var checkStatus = this.checked ? 'ON' : 'OFF';

    $.post("main_send.php", {
        "alarm": checkStatus
    },

    function (data) {
        $('#alarm_n').html(data);
    });
});

Demo