IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Séléctionner un input inclus dans une div


Sujet :

jQuery

  1. #1
    Membre averti
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2011
    Messages
    20
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2011
    Messages : 20
    Par défaut Séléctionner un input inclus dans une div
    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.

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    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() );
    		});
    	});
     
    });

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Membre averti
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2011
    Messages
    20
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2011
    Messages : 20
    Par défaut
    merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Input qui ne reste pas dans une div
    Par miniBob dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 28/06/2010, 23h58
  2. barre de defilement dans une div
    Par barbarius dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 23/06/2005, 14h19
  3. autoscroll dans une div
    Par c@rtm@n dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 13/06/2005, 22h52
  4. [struts][jsp]Inclusion dans une jsp
    Par GreenJay dans le forum Servlets/JSP
    Réponses: 2
    Dernier message: 17/06/2004, 11h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo