Flipswitch 使用 jquery-mobile 更新 mysql

Question

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

这段代码可以正常工作，但有两个问题： 1) 始终 returns 关闭 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

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

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

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

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

Demo

Flipswitch 使用 jquery-mobile 更新 mysql

Flipswitch updating mysql using jquery-mobile

javascript

php

ajax

jquery-mobile