Discussion :

[gtraxx]

Bonjour à tous, je travail en ce moment sur un big formulaire qui me demande beaucoup de travail.
Celui-ci est pratiquement terminé mais il lui manque quelque chose, une validation des boutons radio.
Je souhaite empecher que mon bouton disabled ne sois accessible si les boutons radio appartenant a une certaine CLASS ne sois tous cochés .
Voici mon html en partie :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="ParentsQuest_8">
        <label>
         Voulez-vous créer une campagne?
        </label>
        <span price="500">
            <input type="radio" name="LinksCampagn" value="1" class="quantity" />
            Oui
            <input type="radio" name="LinksCampagn" value="0" class="quantity" />
            Non
 
           <span class="total"></span>
        </span>
      </div>

Ceci n'est qu'une infime partie du formulaire, en faites toutes les div contenant une class ParentsQuest_ doivent être vérifier donc s'il ne sont pas tous coché renvoi une alert et bloque le bouton.

Voici ce que j'ai essayer de faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
jQuery('#calc').click(function(){
 
			var string = "";
 
			if (jQuery('div.ParentsQuest_8 input[@type=radio][@name=Url]', !this.checked)) {
				string = this.name + ": " + this.checked + "\n";
				alert(string);
			}else {
				var sendForms = jQuery('#process #sendForms');
				sendForms.removeAttr('disabled', 'disabled');
				sendForms.css({
					backgroundColor: 'white',
					color: 'orange',
					border: '1px solid grey'
				});
			}
		});

Voici le html du fameux bouton

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="process">
	      <input type="button" id="calc" value="Recalcul" />
	      <input type="submit" id="sendForms" value="Resultat" disabled="disabled" />
      </div>

Il me renvoi chaque fois mon alert même si je coche une des propositions , je ne comprend pas pourquoi
j'ai 9 Class de ce type à verifier

[le_chomeur]

normal => !this.checked
donc il rentrera au moins une fois dans ta boucle si l'une de tes checkbox n'est pas sélectionnée

[gtraxx]

je viens d'essayer ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
if (jQuery('div.ParentsQuest_4 input[@type=radio]', this).checked == false) {
				string = this.name + ": non coché" + "\n";
				alert(string);
				return false;
			}else {
				var sendForms = jQuery('#process #sendForms');
				sendForms.removeAttr('disabled', 'disabled');
				sendForms.css({
					backgroundColor: 'white',
					color: 'orange',
					border: '1px solid grey'
				});
				return true;
			}

Mais pareille sa ne fonctionne pas il affiche le bouton disabled et ne renvoi pas le message d'erreur pourtant je ne l'ai pas coché

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

(jQuery('div.ParentsQuest_4 input[@type=radio]', this)

le this se réfère au bouton sur lequel tu as cliqué, et dans ce bouton, tu recherches les input de type radio... comme il n'y en a pas, le résultat est false, donc ton test revient à

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if(false==false)

qui est toujours vrai !
Donc

il affiche le bouton disabled et ne renvoi pas le message d'erreur pourtant je ne l'ai pas coché

[gtraxx]

oui juste mais alors pk ceci ne fonctionne pas:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
if (jQuery('div.ParentsQuest_4 :radio.quantity').checked == !this.checked) {
					string = this.name + ": non coché" + "\n";
					alert(string);
				return false;
			}else {
				var sendForms = jQuery('#process #sendForms');
					sendForms.removeAttr('disabled', 'disabled');
					sendForms.css({
						backgroundColor: 'white',
						color: 'orange',
						border: '1px solid grey'
					});
				return true;
			}

suis vraiment une poire, un truc simple qui me pose problème

[Bovino]

Tu as 2 boutons radio, donc toujours au moins un qui n'est pas coché...

normal => !this.checked
donc il rentrera au moins une fois dans ta boucle si l'une de tes checkbox n'est pas sélectionnée