How do I make a checkbox unclickable *without* it being greyed out in the browser?

javascript jquery html checkbox clickable
B Seven picture B Seven · Jun 20, 2011 · Viewed 26.2k times · Source

How do you create an HTML checkbox that is unclickable, but not greyed out? I used the disabled=disabled tag, but that makes it greyed out (in Chrome). Otherwise it works well. Working in jQuery and Rails...

Thanks.

Answer

Andrew Whitaker picture Andrew Whitaker · Jun 20, 2011

Usability concerns aside:

$("input:checkbox").click(function() { return false; });

For example: http://jsfiddle.net/nKwRj/

Related questions

How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More
Check if checkbox is checked with jQuery

How can I check if a checkbox in a checkbox array is checked using the id of the checkbox array? I am using the following code, but it always returns the count of checked checkboxes regardless of id. function isCheckedById(…

Read More
JQuery: if div is visible

I'm using JS as a way of changing the content of an SPA I'm creating. When I press a button to change the content the HTML changes from this: <div id="selectDiv" style="display: none;"> to this: <…

Read More