Question

I have a page with a form on it. I would like to make all the checkboxes and radio buttons on the page read-only (non-editable) without making them have the “disabled” appearance. I just want to prevent the user from easily changing the value of the checkbox. How can this be done?

Answer 1

This is probably the cleanest way to do it:

var deactivator = function(event){ event.preventDefault(); };

$(':radio, :checkbox').click(deactivator);

And to re-enable them:

$(':radio, :checkbox').unbind('click',deactivator);