单击时禁止取消选中复选框(不禁用或只读)

Question

我正在使用复选框,我希望人们能够检查/取消选中它.但是,当他们取消选中它时,我正在使用jQueryUI模式弹出窗口来确认他们确实想要这样做.因此,他们可以点击OK或Cancel,我希望我的复选框只有在他们点击时才能取消选中OK.
这就是为什么我想要捕获uncheck事件以防止在视觉上取消选中复选框,并且如果用户碰巧点击则以编程方式取消选中它OK.

我怎么能这样做？

PS:我知道如果用户点击后我可以重新检查它,Cancel但这会触发check我不想要的事件.

Answer 1

$("#checkboxID").on("click", function (e) {
    var checkbox = $(this);
    if (checkbox.is(":checked")) {
        // do the confirmation thing here
        e.preventDefault();
        return false;
    }
});

Answer 2

就像是:

$("#test").on('change', function() {
    this.checked=!this.checked?!confirm('Really uncheck this one ?'):true;
});
?

小提琴

Answer 3

纯 CSS 解决方案

选择复选框，如 -

input[type="checkbox"] {
    pointer-events: none;
}

效果很好，现在您可以在您选择的任何元素单击上切换复选框。