Prevent clicking a checkbox in Uniform library

Question

I want to /uncheck a checkbox by JS and prevent user to /uncheck it by click.

in normal checkboxes I can use this code:

$('#checkbox').on('click', function(event){
    event.preventDefault();
});

but this code does'nt work for Uniform checkboxes

Answer 1

You can disable the click event:

$('#checkbox').unbind('click');

And then handle it like you want with:

$('#checkbox').prop('checked',true);
$.uniform.update();

Answer 2

you can use the disable attribute

$('#checkbox').on('click', function(){
    $("#checkbox").attr("disabled", true);
});

that will disable the checkbox once its been clicked leaving it checked

jsfiddle

Answer 3

You can use here:

 $('#checkbox').uniform();
 $('#checkbox').unbind('click').bind('click', function(event) {
    event.stopPropagation();
 });