无法取消HTML复选框的onchange事件

Question

I have a working example of this but I'm not sure why my implementation isn't working. Can somebody please help? I'm missing something and I need another set of eyes to find it for me. :)

JSFiddle demo <-- see code here.

I'm trying to reproduce the functionality used here . I seem to be a little confused about passing/accessing the event variable around.

Thanks!! :-)

Answer 1

Bind to the Click event: example

$(document).ready(function() {
    $('#checkbox1').click(function(event) {
        if (flag) {
            CancelEvent(event);
            return event.returnValue;
        }
        SomeOtherStuff('this method has real functionality too');
    });
});​

Change is a little to late in the event structure to cancel the action that already happened. In addition, the return value was being omitted. So I added it to the event handler.

Answer 2

You forgot to add return event.returnValue; and onClick will work instead of onChange?

http://jsfiddle.net/wanUF/11/

Answer 3

Working jsfiddle .

return false on checkbox click.

$('#checkbox1').click(function(event) {

    return false;
});

you can either use disabled attribute of input

<input type="checkbox" id="checkbox1" disabled=disabled  />