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

Question

我在地图中有一个表单复选框。未选中时，我希望用户获得一个引导确认对话框，询问“您确定要关闭开关吗？”在句柄命令之前。

代码：

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);
            }
        });
    }
}