Pour toutes les discussions javascript, jQuery et autres frameworks
-
bruno71
- Messages : 3
- Enregistré le : 05 mars 2018, 18:37
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.
-
Frosty
- Messages : 123
- Enregistré le : 20 juil. 2017, 13:23
- Localisation : Grenoble
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
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.
-
webmaster
- Administrateur du site
- Messages : 617
- Enregistré le : 28 févr. 2017, 15:19
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>
-
bruno71
- Messages : 3
- Enregistré le : 05 mars 2018, 18:37
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 :
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 ....
Merci à toi.
