Discussion :

[fleedalfire]

Bonjour.
actuellement j'ai une liste de menu avec un code javascript comme ceci

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$( function(){
        $('#nbrpersonne1').hide();
        $('#mb1').on('change', function(){
            if( $(this).is(':checked')){
                $("#nbrpersonne1").slideDown();
            }
             else{
                 $("#nbrpersonne1").slideUp();
            }
        });
    });

qui me permet d'afficher ou cacher le nombre de personne pour le menu
maintenant j'aimerai le rendre dynamique car je ne sais pas combien de menu mon client va mettre il peux en mettre moins que ce que j'ai prévus ou plus. et donc il faudrait que code s'adapte en fonction.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$( function(){
        $('input[^nbrpersonne]').hide();
        $('input:checkbox[^mb]').on('change', function(){
            //recupérer l'id et le découper pour obtenir de la id checkbox
            var str = document.getElementById(this).getAttribute('id');
            var num = str.substr(3);
            if( $(this).is(':checked')){
                $("#nbrpersonne"+num).slideDown();
            }
             else{
                 $("#nbrpersonne"+num).slideUp();
            }
        });
    });

Je suis novice en javascript et donc je ne sais pas comment y arriver.

[SpaceFrog]

c'est quoi ce selecteur ?

Code :

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

 $('input[^nbrpersonne]')

[fleedalfire]

C'est une id, dans mon html j'ai un compte en php qui attribue un chiffre a chaque passage
exemple : #nbrpersonne1 puis #nbrpersonne2, etc.

[SpaceFrog]

pourquoi ne pas prendre un name ou une class que tu peux mettre sur plusieurs inputs ..

sinon avec des id qui "commencent par"

Code :

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

1
2
 
$('[id^=nbrpersonne]')

[fleedalfire]

c'est ce que je voulais écrire et je me suis planté, je voulais $('[id^=nbrpersonne]') écrire les id qui commence par.
Est-ce que la te semble correcte ?

[SpaceFrog]

Une syntaxe plus rigoureuse :

Code :

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

$("[id^='nbrpersonne']")

Et seulement si les elements existent sur la page au chargement ( document ready )
Sinon il faudra passer par le on par délégation (3 paramètres)