Discussion :

[pierrot10]

Bonjour,
J'aimerais savoir comment faire pour controler l etat de 4 check bock.
S'il sont checked, il agit sur un élément.

Par exemple, j'ai essayé ceci

Code :

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

1
2
3
4
if($('.activeSoci').is(':checked')){
		alert('teste');
 
	}

Si un check box est selectionner, il m'alerte 'teste'.
Mais parcontre, si deux checkbox sont checked, il ne m'affiche qu'une seul fois "teste", alord qu'il devrait le faire deux fois.

Si un check box est active, il faudra que le input "associé" a ce checkbox soit activé en supprimant l'attribut "disabled"

Code :

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

$('#'+$(this).attr('id')+'user').removeAttr('disabled');

Le problème que j'ai c'est plus de faire comme un "foreach" sur les checkbox qui ont la class "activeSoci"

J'ai essayé ceci, mais sans succès

Code :

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

1
2
3
4
 
$('.activeSoci').is(':checked').each(function(){
		alert($(this).attr('id'));
	});

Milles mercis

[pierrot10]

Solution:

Code :

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

1
2
3
4
 
$("input.activeSoci[type='checkbox']:checked").each(function(){
		$('#'+$(this).attr('id')+'user').removeAttr('disabled');
	});

[danielhagnoul]

Bonsoir

Il y a beaucoup à dire sur votre bout de code, mais le principal : l'utilisateur doit pouvoir changer plusieurs fois d'avis.

Comme je ne dispose pas de votre code (HTML, CSS, JS) j'ai construit un exemple.

Code CSS :

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

label { display: block; }

Code HTML :

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

1
2
3
4
5
6
7
<div class="activeSoci">
	<label>Choix a : <input type="checkbox" value="a"><input type="text" disabled></label>
	<label>Choix b : <input type="checkbox" value="b"><input type="text" disabled></label>
	<label>Choix c : <input type="checkbox" value="c"><input type="text" disabled></label>
	<label>Choix d : <input type="checkbox" value="d"><input type="text" disabled></label>
	<label>Choix e : <input type="checkbox" value="e"><input type="text" disabled></label>
</div>

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
$( "input[type='checkbox']", "div.activeSoci" ).on( "change", function(){
	var jObj = $( this ).next( "input[type='text']" );
 
	if (  $( this ).is( ":checked" ) ){
		jObj.prop( "disabled", false );
	} else {
		jObj
			.prop( "disabled", true )
			.val( "" );
	}
});