Obtenir l'ID d'une checkbox après l'avoir sélectionné.

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
bruno71
Messages : 3
Enregistré le : 05 mars 2018, 18:37

Obtenir l'ID d'une checkbox après l'avoir sélectionné.

Message par bruno71 » 05 mars 2018, 18:44

Bonjour à vous,
Je viens vers vous, car je sèche depuis plusieurs heures et je ne vois pas comment m'en sortir.
Je souhaiterai obtenir l'ID d'une checkbox sur le simple click de celle-ci.
Pouvez-vous s'il vous plaît analyser ce code et me dire pourquoi celà ne fonctionne pas ?

Code : Tout sélectionner

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>checkbox</title>
</head>

<body>
    
<div>

    <form>
        Nom :<br/>
        <input type="text" name="nom"><br/>
        Prénom :<br/>
        <input type="text" name="Prénom">
       <input id="checkBox" type="checkbox">
      </form>
      
       <script>
                           
       var MaCheck = $(this).attr('id'); 

       $(document).ready(function() { 

	  $('input[type=checkbox]:checked').click(function() {
     
      alert("ID : " + MaCheck);
         
		});	
  });

                          </script>

</div>

</body>

</html>
Par avance merci.

Avatar du membre
Frosty
Messages : 123
Enregistré le : 20 juil. 2017, 13:23
Localisation : Grenoble

Re: Obtenir l'ID d'une checkbox après l'avoir sélectionné.

Message par Frosty » 06 mars 2018, 13:48

Bonjour,
  • Tu utilises jQuery mais je ne le vois inclus nulle part (balise <script src="..."></script>)

bruno71
Messages : 3
Enregistré le : 05 mars 2018, 18:37

Re: Obtenir l'ID d'une checkbox après l'avoir sélectionné.

Message par bruno71 » 06 mars 2018, 15:13

Bonjour,

Oui effectivement j'utile jquery....
Mais, même avec jquery-3.3.1.min.js :

Code : Tout sélectionner

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>checkbox</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

</head>

<body>
Ca ne fonctionne pas, rien ne se passe.
Par contre dans ton lien (Voici un lien vers la référence jQuery montrant un exemple de récupération d'infos sur l'élément cliqué)
Ca ! ça fonctionne bien....Mon code pas du tout.
Merci pour ton aide.

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: Obtenir l'ID d'une checkbox après l'avoir sélectionné.

Message par webmaster » 07 mars 2018, 13:31

Bonjour,

Le JS n'est pas dans l'ordre et le sélecteur CSS me parait etrange
Voici le bout de code qui détecte bien le clic sur la checkbox et affiche son ID

Code : Tout sélectionner

<script type="text/javascript">
$(document).ready(function() { 
	$('input[type=checkbox]').click(function() {
		var MaCheck = $(this).attr('id'); 
		console.log(MaCheck);
		alert("ID : " + MaCheck);
	}); 
});
</script>
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

bruno71
Messages : 3
Enregistré le : 05 mars 2018, 18:37

Re: Obtenir l'ID d'une checkbox après l'avoir sélectionné.

Message par bruno71 » 07 mars 2018, 18:28

Bonjour,

J'ai cru avoir tout essayé....Merci.
Maintenant que je regarde de plus près, avec ce bout de code ça marche : :oops:

Code : Tout sélectionner

  <script>       
      $(document).ready(function() { 
	  $('input[type=checkbox]').click(function() {
        var MaCheck = $(this).attr('id');       
      alert("ID : " + MaCheck);       
		});	
  });
   </script>
:checked était de trop .... :roll:

Merci à toi.

Répondre