Как сделать чекбокс неактивным * без * серого в браузере?

Question

Как создать HTML-флажок, который нельзя щелкнуть, но не выделен серым цветом?Я использовал тег disabled = disabled, но это делает его серым (в Chrome).В противном случае это работает хорошо.Работа в jQuery и Rails ...

Спасибо.

Answer 1

Простота в использовании:

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

Например: http://jsfiddle.net/nKwRj/

Answer 2

Используйте jQuery.on с false в качестве обратного вызова:

$(":checkbox").on("click", false);

Fiddle

Answer 3

Предотвращение изменения флажков по ID или классу.

/* by class */
$(".nochange").click(function () {
    return false;
});
/* by ID */
$("#nochange").click(function () {
    return false;
});

<input name='test' type='checkbox' class='nochange' checked='checked' />
<br />
<input name='test' type='checkbox' id='nochange' checked='checked' />

http://jsfiddle.net/mjames757/nX64E/1/

Answer 4

Почему вы хотите, чтобы флажок, который нельзя разблокировать, казался кликабельным? Чтобы обмануть пользователей?

Если вы действительно хотите обмануть пользователей, вы можете поместить div с непрозрачностью 0,01 над ним, используя абсолютное позиционирование (сценарий не требуется). Но я до сих пор удивляюсь, почему вы чувствуете необходимость делать эту шутку над вашими пользователями ...;)

РЕДАКТИРОВАТЬ: Если вам действительно нужно включить значение, которое пользователь не должен изменять, но вы не хотите, чтобы то, что вы, вероятно, рассматриваете как «уродливый отключенный флажок», вам следует использовать input type hidden, который полностью невидим.

Если вы хотите указать, что что-то предварительно выбрано, но не может быть изменено или что-то подобное, используйте отключенный флажок, чтобы указать это (или изображение симпатичного флажка, если хотите), но знайте, что значение отключенного флажка равно не представлен. Используйте скрытое поле, чтобы включить необходимые данные.

Answer 5

Я наткнулся на этот пост в поисках ответа на первоначальный вопрос - и нашел, что противопоставление неактивным отключенным флажкам убедительно, поэтому вместо этого я сделал тд-тег, содержащий это: значение ") = -1, тогда response.write (" & radic; ")%> (wing является & radic). Тогда я получаю чистое информационное крыло, не приглашающее кликнуть.