Как вырезать html флажок?

Ответ 1

Вам также необходимо отключить этот флажок:

<input type="checkbox" onclick="return false;" disabled="disabled">

Чтобы опубликовать значение, просто сделайте его только для чтения:

<input type="checkbox" onclick="return false;" readonly="readonly">

Вы можете пометить метку флажка и вводить только входы с помощью CSS, например: input [readonly = "readonly" ] {}, но браузер должен сделать галочкой, если он установлен на чтение только.

Обновлено:

Вы находитесь во власти браузера, когда устанавливаете флажки и настраиваете их последовательно во всех браузерах, вы должны прибегать к изображениям, например: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

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

<input type="checkbox" onclick="return false;" disabled="disabled">
<input type="hidden" name="checkboxval" value="111" />

Ответ 2

<input type="checkbox" class="readonly">

Css

input.readonly {
   opacity : .50;
   filter  : alpha(opacity=50); /* IE<9 */
   cursor  : default;
}

JS

$('input.readonly').on('click', function(evt) {
   evt.preventDefault();
}

Добавьте класс readonly к элементу, который вы хотите серого: через css вы установите opacity и измените стиль cursor. Затем удалите встроенный javascript и предотвратите действие по умолчанию для элементов input.readonly при событии click

Ответ 3

просто добавьте атрибут 'disabled' при этом, например,

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

Ответ 4

Простой, css-единственный способ отключить отключенный флажок.

input[type=checkbox][disabled] {
    filter: invert(25%);
}