Pourquoi les boutons radio ne peuvent-ils pas être "en lecture seule" ?

Question

Je voudrais afficher un bouton radio, que sa valeur soit soumise, mais que, selon les circonstances, elle ne soit pas modifiable. L'option "Disabled" ne fonctionne pas, car elle ne soumet pas la valeur (ou le fait-elle ?) et le bouton radio est grisé. La lecture seule est vraiment ce que je recherche, mais pour une raison mystérieuse, cela ne fonctionne pas.

Y a-t-il un truc bizarre que je dois faire pour que la lecture seule fonctionne comme prévu ? Devrais-je plutôt le faire en JavaScript ?

Par ailleurs, quelqu'un sait-il pourquoi la lecture seule ne fonctionne pas dans les boutons radio, alors qu'elle fonctionne dans les autres balises de saisie ? Est-ce une de ces omissions incompréhensibles dans les spécifications HTML ?

Answer 1

Les boutons radio ne doivent être en lecture seule que s'il existe d'autres options. Si vous n'avez pas d'autres options, un bouton radio coché ne peut pas être décoché. Si vous avez d'autres options, vous pouvez empêcher l'utilisateur de modifier la valeur simplement en désactivant les autres options :

<input type="radio" name="foo" value="Y" checked>
<input type="radio" name="foo" value="N" disabled>

Violon : http://jsfiddle.net/qqVGu/

Answer 2

J'ai simulé la lecture seule sur un bouton radio en désactivant uniquement les boutons radio non cochés. Cela empêche l'utilisateur de sélectionner une valeur différente, et la valeur cochée sera toujours affichée lors de l'envoi.

Utilisation de jQuery pour rendre la lecture obligatoire :

$(':radio:not(:checked)').attr('disabled', true);

Cette approche fonctionne également pour rendre une liste de sélection en lecture seule, sauf que vous devrez désactiver chaque option non sélectionnée.

Answer 3

C'est l'astuce que vous pouvez utiliser.

<input type="radio" name="name" onclick="this.checked = false;" />

Answer 4

J'ai un long formulaire (plus de 250 champs) qui est envoyé à une base de données. Il s'agit d'une demande d'emploi en ligne. Lorsqu'un administrateur consulte une demande qui a été déposée, le formulaire est alimenté par les données de la base de données. Les textes de saisie et les zones de texte sont remplacés par le texte qu'ils ont soumis, mais les radios et les cases à cocher sont utiles à conserver comme éléments de formulaire. Leur désactivation les rend plus difficiles à lire. Le fait de définir la propriété .checked à false onclick ne fonctionnera pas car elles peuvent avoir été cochées par l'utilisateur qui remplit l'application. En tout cas...

onclick="return false;"

fonctionne à merveille pour "désactiver" les radios et les cases à cocher ipso facto.

Answer 5

La meilleure solution est de définir l'état coché ou non coché (soit à partir du client, soit à partir du serveur) et de ne pas laisser l'utilisateur le modifier par la suite (c'est-à-dire de le rendre en lecture seule) en procédant comme suit :

<input type="radio" name="name" onclick="javascript: return false;" />