Page 1 sur 1

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

Posté : 05 mars 2018, 18:44
par bruno71
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.

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

Posté : 06 mars 2018, 13:48
par Frosty
Bonjour,
  • Tu utilises jQuery mais je ne le vois inclus nulle part (balise <script src="..."></script>)

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

Posté : 06 mars 2018, 15:13
par bruno71
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.

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

Posté : 07 mars 2018, 13:31
par webmaster
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>

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

Posté : 07 mars 2018, 18:28
par bruno71
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.