如何在禁用复选框上检测.click()

Question

JS/jQuery的:

$('input[type=checkbox]').click(function(){
  // Does not fire if I click a <input type="checkbox" disabled="disabled" />
});

当有人点击禁用的复选框时,如何在jQuery中发生一些事情？

Answer 1

再次阅读关于使用readonlyfrom 的评论JoãoSilva.您可以使用它并将其与click事件中的某些逻辑连接.

使用readonly会为您提供禁用的外观,就像disabled它一样,但它仍然允许您单击它.

像这样使用readonly:

<input type="checkbox" readonly="readonly">?

然后在脚本中取消事件,如果设置了readonly.

$('input[type=checkbox]').click(function() {
    var isReadOnly = $(this).attr("readonly") === undefined ? false : true;

    if (isReadOnly) {
        return false;
    }

    // other code never executed if readonly is true.
});
?

DEMO

Answer 2

您将无法在所有浏览器中可靠地捕获click事件.最好的办法是在上面放置一个透明元素来捕获点击.

HTML

<div style="display:inline-block; position:relative;">
  <input type="checkbox" disabled="disabled" />
  <div style="position:absolute; left:0; right:0; top:0; bottom:0;"></div>
</div>?

JavaScript的

$(':checkbox:disabled').next().click(function(){
    var checkbox = $(this.prevNode);
    // Does fire now :)
});

注意:这是我改进的这个问题的一个想法.