[(X)HTML] Comment avoir des checkbox "readonly" ?

[Auteur]

Dans certains cas, on cherche à interdire l'utilisateur de cocher ou décocher une checkbox tout en voulant la garder active (par opposition à la propriété disabled="disabled")
Quant à la propriété "readonly", elle n'est pas applicable sur cet élément.


Voici donc un petit truc qui permet d'avoir des checkbox "readonly".

Une checkbox toujours cochée :

Code XHTML :

1
2
 
<input type='checkbox' checked='checked' onclick='this.checked=true'/> Toujours cochée

Une checkbox toujours décochée :

Code XHTML :

1
2
 
<input type='checkbox' onclick='this.checked=false'/> Toujours décochée

[danielhagnoul]

Bonsoir

On modifie le fonctionnement normal du contrôle, cela déroutera l'utilisateur qui pensera que la page web ne fonctionne pas correctement. Alors qu'avec "disabled" l'apparence du bouton montre bien qu'il n'est pas utilisable.

Bref, je n'utiliserai pas cette astuce.

[Auteur]

Envoyé par danielhagnoul

Bonsoir

On modifie le fonctionnement normal du contrôle, cela déroutera l'utilisateur qui pensera que la page web ne fonctionne pas correctement. Alors qu'avec "disabled" l'apparence du bouton montre bien qu'il n'est pas utilisable.

Bref, je n'utiliserai pas cette astuce.

Oui en effet.... Il est clair que l'on ne peut pas utiliser cette astuce dans un formulaire que l'utilisateur envoie au serveur, mais plutôt dans une page affichant des informations diverses.


J'ai employé ce code dans un contexte très particulier :
il s'agissait d'afficher, entre autres, des résultats booléens d'une requête (par exemple tel produit est en stock ou non).

Le côté inactif ("disabled") me gênait car la coche est grise dans une case avec un fond gris. Du coup on ne voit pas grand chose.

Je voulais simplement avoir des cases à cocher en lecture seule comme je peux avoir des zones de textes en lecture seule

[SpaceFrog]

Daniel n'a pas tord, s'affranchir des conventions peut être perturbant pour l'utisateur, il est préférable dans ce cas de figure des passer par deux images.