Come deselezionare una casella di controllo html?

Question

Voglio rendere la casella di controllo di sola lettura. Come questo:

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

voglio la casella di controllo a guardare come si è disattivata o grigio.

Come posso fare questo?

Answer 1

è necessario disabilitare la casella di controllo anche:

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

Per pubblicare il valore, è sufficiente farlo in sola lettura, invece:

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

si può etichettare casella stile e gli ingressi di sola lettura con i CSS, ad esempio: input [readonly = "readonly"] {} ma il browser dovrebbe rendere la casella di controllo dovrebbe apparire in grigio quando impostato su readonly.

Aggiornato:

Tu sei in balia del browser quando lo styling caselle & per lo stile in modo coerente in tutti i browser, è necessario ricorrere alle immagini Es: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

se si don' t voglio fare questo (e sembra una soluzione longwinded), la soluzione più semplice è disabilitare la casella di controllo in modo che appaia correttamente e postare il valore come input nascosto ad esempio:

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

Answer 2

È sufficiente aggiungere l'attributo 'disabile' sulla casella di controllo come questo

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

Answer 3

<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(); 
} 

Aggiungere una classe readonly all'elemento che si desidera grayout : via css imposta opacity e cambia lo stile di cursor. Quindi rimuovere inline javascript e impedire l'azione predefinita per gli elementi input.readonly all'evento click

Answer 4

Semplice, solo modo css per disattivare una casella di controllo disattivata.

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