Discussion :

[balishi]

Salut,
je debut dans Jquery,
et je veux selectionner un input inclus dans une div,
aprés tester si parmis un des inputs est checked

Code html :

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

1
2
3
4
5
<div class="mini_box">
       <input type="checkbox" id="test1" name="test1" value="Field 1">test1
       <input type="checkbox" id="test2" name="test2">test2
       <input type="checkbox" id="test3" name="test3">  test3
 </div>

j'ai testé plusieurs codes mais aucune solutuion
par exemple

Code :

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

1
2
3
if($('.mini_box>input').is(':checked')){
    alert('checked');
}

merci d'avance.

[danielhagnoul]

Bonsoir

Voir la documentation : http://api.jquery.com/

Code html :

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

1
2
3
4
5
<div class="mini_box">
	<label><input type="checkbox" value="Field 1"> test1</label>
	<label><input type="checkbox" value="Field 2" checked> test2</label>
	<label><input type="checkbox" value="Field 3"> test3</label>
</div>

Code javascript :

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
18
19
20
$( function(){
 
	/*
	 * Les résultats sont dans la console (touche F12)
	 */
 
	var jObjCheckbox = $( "div.mini_box" ).find( "input[type='checkbox']" );
 
	jObjCheckbox.on( "change", function(){
 
		console.log( "Le checkbox : ", $( this ).val(), $( this ).text(), " a été modifié.");
 
		console.log( "Liste des checkbox sélectionnés :");
 
		jObjCheckbox.filter( ":checked" ).each( function( i, item ){
			console.log( $( item ).val(), $( item ).text() );
		});
	});
 
});

[balishi]

merci