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

时间:2014-09-18 12:08:15

标签: javascript jquery twitter-bootstrap checkbox

我在地图中有一个表单复选框。如果未选中,我希望用户获得一个引导确认对话框,询问"您确定要关闭开关吗?"在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
    {

    }
}

1 个答案:

答案 0 :(得分:2)

您可以使用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);
            }
        });
    }
}