Визуально отключить флажок, но разрешить ему по-прежнему отправлять свои значения

У меня есть флажок, который обновляется из других вариантов, но важно показать проверяемый статус пользователю. Однако я также хочу, чтобы он читался только по функциональности и представлялся как таковой на дисплее.

  • Он отлично работает отключить флажок (дает окно с серым цветом, чтобы помочь пользователю визуально) однако это означает, что при подаче значение не сохраняется.

  • И наоборот, если я установить флажок только для чтения отключает , но все же выглядит как нормальный флажок.

Мне нужно немного от каждого, флажок, который передает его значение, но выглядит как отключенный флажок и по-прежнему отображает его статус проверки... есть ли у кого-нибудь идеи?

Ответы

Ответ 1

Используйте скрытое поле <input type="hidden" />. Заполняйте скрытые те же значения, которые вы ожидаете от этого флажка. Таким образом, визуальный элемент отделен от элемента данных, и у вас не будет этих проблем.

Ответ 2

Как простая альтернатива, можно ли добавить элемент скрытой формы, содержащий значение, которое вы хотите сохранить? При таком подходе вы получаете функциональность отключения элемента, но все еще должны быть представлены значение. И вам не нужно беспокоиться о возможных проблемах с совместимостью браузера.

Кроме этого, в поле только для чтения, я думаю, вам нужно будет использовать CSS для установки флажка в качестве отключенного поля.

Ответ 3

Вы можете установить скрытые поля ввода при установке значений флажка, тогда этот флажок будет отображаться только для отображения, а реальные значения будут отправляться через скрытые поля ввода.

Ответ 4

Просто сделайте это только для чтения, дайте ему специальный класс, а затем в своем CSS вы можете заставить его выглядеть так, как будто он отключен.