comment POST/Soumettre une boîte de contrôle d'entrée qui est désactivée ?

Question

J'ai une case à cocher qui, sous certaines conditions, doit être désactivée. Il s'avère que HTTP n'affiche pas les entrées désactivées.

Comment puis-je contourner ce problème ? En soumettant l'entrée même si elle est désactivée et en gardant l'entrée désactivée ?

Answer 1

UPDATE : READONLY ne fonctionne pas sur les cases à cocher

Vous pourriez utiliser disabled="disabled" mais à ce stade, la valeur de la case à cocher n'apparaîtra pas dans le fichier POST valeurs. L'une des stratégies consiste à ajouter un champ caché contenant la valeur de la case à cocher dans le même formulaire et à lire la valeur à partir de ce champ.

Changez simplement disabled à readonly

Answer 2

J'ai résolu ce problème.

Depuis readonly="readonly" ne fonctionne pas (j'ai essayé différents navigateurs), vous devez utiliser la balise disabled="disabled" à la place. Mais la valeur de votre case à cocher ne sera pas affichée alors...

Voici ma solution :

Pour obtenir "en lecture seule" regard et POST la valeur de la case à cocher en même temps, ajoutez simplement une "entrée" cachée avec le même nom et la même valeur que votre case à cocher. . Vous devez le garder à côté de votre boîte à cocher ou entre les mêmes <form></form> tags :

<input type="checkbox" checked="checked" disabled="disabled" name="Tests" value="4">SOME TEXT</input>

<input type="hidden" id="Tests" name="Tests" value="4" />

Aussi, juste pour que vous sachiez readonly="readonly", readonly="true", readonly="", ou simplement READONLY ne résoudra PAS ce problème ! J'ai passé plusieurs heures à le résoudre !

Cette référence n'est pas non plus pertinente (peut-être pas encore, ou plus, je n'en ai aucune idée) : http://www.w3schools.com/tags/att_input_readonly.asp

Answer 3

Si vous vous contentez d'utiliser JQuery, supprimez l'attribut "disabled" lors de la soumission du formulaire :

$("form").submit(function() {
    $("input").removeAttr("disabled");
});

Answer 4

Vous pourriez le faire de cette façon... Pour chaque case à cocher, créez un champ caché avec le même nom que le champ name attribut. Mais définissez la valeur de ce champ caché avec une valeur par défaut que vous pourrez tester. Par exemple

<input type="checkbox" name="myCheckbox" value="agree" />
<input type="hidden" name="myCheckbox" value="false" />

Si la case à cocher est "cochée" lorsque le formulaire est soumis, la valeur de ce paramètre de formulaire sera la suivante

"agree,false"

Si la case n'est pas cochée, la valeur est la suivante

"false"

Vous pourriez utiliser n'importe quelle valeur à la place de "false", mais vous comprenez l'idée.

Answer 5

<input type="checkbox" checked="checked" onclick="this.checked=true" />

Je suis parti du problème : "comment POST/Submit une Input Checkbox qui est désactivée ?" et dans ma réponse j'ai sauté le commentaire : "Si nous voulons désactiver une case à cocher, nous devons certainement conserver une valeur préfixée (cochée ou non cochée) et nous voulons également que l'utilisateur en soit conscient (sinon nous devrions utiliser un type caché et non une case à cocher)". Dans ma réponse, j'ai supposé que nous voulions que la case à cocher soit toujours cochée et que le code fonctionne de cette façon. Si nous cliquons sur cette case à cocher, elle sera toujours cochée et sa valeur sera POSTED/Submitted ! De la même manière, si j'écris onclick="this.checked=false" sans checked="checked" (note : la valeur par défaut est unchecked), la case sera toujours décochée et sa valeur ne sera pas POSTED/Submitted !