Discussion :

[mfredok]

Bonjour à tous,

1) Je cherche à vérifier si tous les boutons radios de ma page ont été cochés(il y donc plusieurs groupes).

2) Comment faire pour mettre en rouge les textes des boutons radios qui n'ont pas été checker(donc par groupe).

Ce début de code semble la bonne piste...mais je crois que ma syntaxe est fausse.
Merci bcp à tous

Code :

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

1
2
3
4
5
6
7
8
9
 
 
	if($("input[type='radio']:checked").length() == 10){			
          page3();
	}
	else{
	$(".formError2").show();
	$("input[class='q4_case1']").css("color","red");
	}

[Sayrus]

il faut d'abord créer chaque élément

Code :

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

1
2
3
4
5
6
7
8
9
10
<div class="element">
  <input class="checkbox" type="checkbox" />
  <label class="label">Banane</label>
</div>
<div class="element">
  <input class="checkbox" type="checkbox" />
  <label class="label">Poire</label>
</div>
 
<input type="button" class="check" value="Vérifier" />

Ensuite, le code sera quelque chose du genre:

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
<script type="text/javascript">
$(document).ready(function()
{
  $('.check').click(function()
  {
    $('.element').each(function(index)
    {
      var checkbox=$(this).find('input');
      var label=$(this).find('label');
      if(checkbox.attr('checked')==false)
          label.css({'color':'red'});
 
    });
  }
});
</script>

J'ai pas vérifié le code et c'est fait à l'arrache mais le principe est le même

[llaffont]

Bonjour à tous,

1) Je cherche à vérifier si tous les boutons radios de ma page ont été cochés(il y donc plusieurs groupes).

Il s'agit de boutons Radios ou de CheckBox ?
Car respectivement ils sont Activé et Coché.



Pour une serie de checkBox ayant la class fetchCheck

HTML :

Code :

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

1
2
3
4
5
6
7
8
<input class="fetchCheck" value="1" type="checkbox"> Check 1<br>
<input class="fetchCheck" value="2" type="checkbox"> Check 2<br>
<input class="fetchCheck" value="3" type="checkbox"> Check 3<br>
<input class="fetchCheck" value="4" type="checkbox"> Check 4<br>
<input class="fetchCheck" value="5" type="checkbox"> Check 5<br>
<input class="fetchCheck" value="6" type="checkbox"> Check 6<br>
<input class="fetchCheck" value="7" type="checkbox"> Check 7<br>
<input class="fetchCheck" value="8" type="checkbox"> Check 8<br>

JQuery :

Code :

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

1
2
3
4
5
6
7
8
 
$("input.fetchCheck:checked").each(function () {
		if (selectCheck==""){
			selectCheck = $(this).val();
		}else{
			selectCheck += '_'+$(this).val();
		}
	});

selectCheck sera la variable contenant la liste de toutes les cases cochées. Ensuite à toi de traiter cette donnée.


HTML :

Code :

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

1
2
3
4
5
6
7
8
<input class="fetchRadio" name="radioButton1" value="1" checked="checked" type="radio">Radio 1<br>
<input class="fetchRadio" name="radioButton1" value="2" checked="" type="radio">Radio 2<br>
 
<input class="fetchRadio" name="radioButton2" value="3" checked="" type="radio">Radio 3<br>
<input class="fetchRadio" name="radioButton2" value="4" checked="" type="radio">Radio 4<br>
 
<input class="fetchRadio" name="radioButton3" value="5" checked="" type="radio">Radio 5<br>
<input class="fetchRadio" name="radioButton3" value="6" checked="" type="radio">Radio 6<br>

JQUERY :

Code :

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

1
2
3
4
5
6
7
8
 
	$('input.fetchRadio:checked').each(function () {
		if (selectRadio==""){
			selectRadio = $(this).val();
		}else{
			selectRadio += '_'+$(this).val();
		}
	});

Idem que précédemment.

ARF ! Je me suis fais doubler

[Sayrus]

lol, pas grâve, comme ça il ne pourra pas se tromper

[mfredok]

merci à tous de vos réponses, mais j'ai bien essayé vos codes respectifs..pas de fonctionnement possible...je cherche encore..merci

[llaffont]

Fais voir ton code HTML STP ?

Car c'est étonnant que nos 2 méthodes ne fonctionne pas.