将确认引导模态/对话框添加到复选框

Question

我在地图内有一个表单复选框。 取消选中该选项后，我希望用户获得引导确认对话框，询问“您确定要关闭开关吗？” 在handle命令之前。

码：

command.onAdd = function (map) {
      var div = L.DomUtil.create('div', 'command');
      div.innerHTML = '<form><input id="command" checked="true" type="checkbox"/>switch</form>'; 
      return div;
};
command.addTo(map);

document.getElementById("command").addEventListener("click", handleCommand, false);

function handleCommand() {

    if(this.checked == true){

    }
    else
    {

    }
}

Answer 1

您可以使用bootbox.js作为执行此操作的便捷方法：

function handleCommand() {
    var checkbox = $(this);
    if (!checkbox.is(':checked')) {
        bootbox.confirm("Are you sure?", function (result) {
            if (result) {
                // your code
            } else {
                checkbox.prop('checked', true);
            }
        });
    }
}