$_POST avec bouton disabled avec JS [Résolu]

[ABonus]

Bonjour,

Voici le problème j'ai donc un formulaire avec des boutons radios et une liste déroulante rien d'inhabituel. Quand je choisis certains champs de ma liste déroulante j'ai des boutons radio qui se séléctionnent automatiquement. (et j'utilise le du javascript comme dans l'exemple suivant :

Code :

1
2
document.forms.monFormulaire.monBoutonRadio[0].checked=true;
document.forms.monFormulaire.monBoutonRadio[0].disabled=true;

Hors le problème et que je ne peux récuperer ces valeurs dans ma page de récuperation des données car j'ai donc désactivé mon bouton et mon $_POST n'est pas donc pas "peuplé" avec les valeurs des bouton radio "disabled".

Dois-je changer le javascript en utilisant une autre propriété? Ai-je un moyen spécial avec php de récuperer les valeurs des boutons désactivés.

Merci d'avance AnusBonus.

[SpaceFrog]

utilise le readonly
disabled bloque la transmission

[ABonus]

Oui mais readOnly n'empeche pas l'utilisateur de changer la valeur du champ si je ne m'abuse?

[SpaceFrog]

ben si

lecture seule ... explicite

[ABonus]

Hmm je suis d'accord tu as testé? Parce que ça a l'air de fonctionné avec les TexteArea mais pas avec des boutons radios.

[Bovino]

Spaffy, à priori, il s'agit d'un bouton radio, donc readOnly n'est pas disponible

[SpaceFrog]

ha oui j'avais zappé le type !

j'ai déja recontré ce cas de figure je l'avais resolu simplement avec un return false sur tous les radios de même name
encore plus simple avec jquery

[ABonus]

un peu plus de précisions?

[sekaijin]

une solution
tu ne mets pas de name à tes boutons radios
ni même de value.
tu crée un input hidden pour chaque bouton radio
et à lui tu mets un name
tu ajoute un onchange à tes bouton radio qui place la valeur dans l'input associé en fonction de check

Code html :

1
2
3
<div><input type="hidden" name="myvar" value="false" >
<input disabled type="checkBox"
  onchange="this.parent.firstchild.value=this.checked;" /></div>

ainsi lorsque la checkbox change la valeur de l'hidden change aussi.

A+JYT
et le hidden est toujours transmis

[Watilin]

Bonsoir ABonus !
Si on parle bien de boutons radios et pas de checkbox, j'ai une solution très simple (testée sous FF3 et IE7+).
L'idée est de désactiver tous les boutons de même nom sauf celui qui a été sélectionné. Ceci empêche l'utilisateur de modifier le choix, mais permet d'envoyer quand même l'information au serveur.

Code JS :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
function disableRadios( event ) {
	var target = event.target || event.srcElement;
 
	// détection de l'élément cliqué
	if ('INPUT' == target.tagName && 'radio' == target.type) {
		// itération sur tous les boutons du même nom
		var radios = document.getElementsByName(target.name);
		for (var radio, i = 0; radio = radios[i++];) {
			if (radio != target) {
				radio.disabled = true;
			}
		}
	}
}
 
// attache la fonction aux clics sur le formulaire entier
if (window.addEventListener) // standard
	window.addEventListener('load', function() {
		var monFormulaire = document.forms.monFormulaire;
		monFormulaire.addEventListener('click', disableRadios, false);
	}, false);
else // Microsoft
	window.attachEvent('onload', function() {
		var monFormulaire = document.forms.monFormulaire;
		monFormulaire.attachEvent('onclick', disableRadios);
	});

Comme tu peux le voir, c'est un gestionnaire d'évènement qui couvre le formulaire entier, ainsi il n'y a absolument pas de script à modifier quand tu modifies le HTML. Pratique pour la maintenance

[ABonus]

Merci pour ta solution Watilin, elle fonctionne très bien.
Sinon pour ceux qui auraient un peu plus de mal ce que vous pouvez faire que j'avais fait c'est de simplement à l'envois du formulaire remettre les bouton en disabled=false pour permettre l'envois des données.

[Watilin]

Je corrige juste un truc dans mon code, la ligne

Code :

event = event || window.event;

ne sert à rien