Disabilitare visivamente una casella di controllo, ma consentirgli di inviare ancora il suo valore

Question

Ho una casella di controllo che viene aggiornata da altre selezioni ma è importante mostrare lo stato controllato all'utente. Tuttavia voglio anche che venga letto solo in funzionalità e rappresentato come tale nel display.

• Funziona bene da disabilitando l'opzione (dà la casella in grigio per aiutare l'utente visivamente) tuttavia questo significa momento della presentazione il valore non viene salvato.

• Al contrario, se mi impostato la casella di controllo sola lettura disabilita la casella di controllo ma ancora appare come una casella di controllo normale .

voglio un pò un po 'da ciascuno, una casella di controllo che sottopone il suo valore, ma si presenta come una casella di controllo disabili e ancora mostra il suo status di controllo ... qualcuno ha qualche idea?

Answer 1

Utilizzare un campo nascosto <input type="hidden" />. Compila il nascosto con gli stessi valori che ti aspetteresti dalla casella di controllo. In questo modo l'elemento visivo è separato dall'elemento dati e non avrai questi dubbi.

Answer 2

Basta renderlo in sola lettura, assegnargli una classe speciale, quindi nel tuo CSS puoi farlo look come se fosse disabilitato.

Answer 3

Come semplice alternativa, sarebbe possibile aggiungere un elemento di forma nascosta contenente il valore che si desidera essere conservato? Con questo approccio si ottiene la funzionalità di disabilitare l'elemento, ma il valore viene comunque inviato. Inoltre, non devi preoccuparti di potenziali problemi di compatibilità del browser.

Oltre a questo, su un campo di sola lettura, penso che si avrebbe bisogno di usare i CSS per lo stile la casella di controllo come un campo disabilitato.

Answer 4

È possibile impostare i campi di input nascosti quando si impostano i valori casella di controllo, quindi la casella di controllo sarebbe solo ed i valori reali sarebbero presentate attraverso i campi di input nascosti scopo di visualizzazione.