Afficher automatiquement les valeur de checkbox checked
Résolu
franksh
Messages postés
54
Date d'inscription
Statut
Membre
Dernière intervention
-
franksh Messages postés 54 Date d'inscription Statut Membre Dernière intervention -
franksh Messages postés 54 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Checkbox html value if checked
- Editeur html - Télécharger - HTML
- Vba checkbox if checked ✓ - Forum Excel
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
4 réponses
$('.checkbox-list').click(function(){
//on vide la div result
$("#results").html('');
//récupère les checkbox cochées
var checkedBox = $('.checkbox-list:checked');
//Si il y a des cases cochées on affiche la div résult
if(checkedBox.length>0 ){
$("#results").show();
//on boucle sur cette liste
$.each(checkedBox,function(i,el){
$("#results").append(el.value);
});
} else {
//on masque
$("#results").hide();
}
});
Bonjour,
Qu'as tu essayé ?
Sur quoi bloques tu ?
Avec quel code as tu fais ta boucle ?
As tu prévu des div masquées contenant l'image ?
Si oui, il suffit d'utiliser l'event onclick sur les checkbox pour afficher ou masquer les div des images...
En l'état de ta question, sans voir le code que tu as utilisé .. impossible de te dire mieux.
NB: Pour poster ton code sur le forum, tu devras utiliser les balises de code.
Explications, à lire ENTIEREMENT !, disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Qu'as tu essayé ?
Sur quoi bloques tu ?
Avec quel code as tu fais ta boucle ?
As tu prévu des div masquées contenant l'image ?
Si oui, il suffit d'utiliser l'event onclick sur les checkbox pour afficher ou masquer les div des images...
En l'état de ta question, sans voir le code que tu as utilisé .. impossible de te dire mieux.
NB: Pour poster ton code sur le forum, tu devras utiliser les balises de code.
Explications, à lire ENTIEREMENT !, disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Merci,
alors oui j'ai un div cacher
et la boucle c'est un boucle normal avec du php
alors oui j'ai un div cacher
<div class="list-cheked col-md-6" id="results" style="display: none;">
<!-- Afficher les results ici -->
</div>
$('.checkbox-list').click(function(){
if( $(this).is(':checked')) {
$("#results").show();
} else {
$("#results").hide();
}
});
et la boucle c'est un boucle normal avec du php
foreach ($users as $user): /* * a l'interieur un inpute de type checkbox */ endforeach;
Je génère un seul div je bloque sur l'affichage des utilisateurs coché
coté boucle je crois pas que y a de problème.
enfaite je veux une idée de ou aller comment faire cette affichage si ce possible de faire en php ou js
comme ceci
<div class="list-group">
<!-- after only show friends in loop -->
<?php foreach ($user as $k): ?>
<label class="list-group-item d-flex">
<img src="<?= $site ?>/images/dox.jpg" width="25" height="25" alt="">
<?= $k->name ?>
<input class="form-check-input me-1 checkbox-list" id="<?= $k->id ?>" name="<?= $k->name ?>" type="checkbox" value="<?= $k->name ?>">
</label>
<?php endforeach; ?>
</div>
coté boucle je crois pas que y a de problème.
enfaite je veux une idée de ou aller comment faire cette affichage si ce possible de faire en php ou js
comme ceci
J'ai essayer de faire ce bout de code que j'avais déjà utiliser mais il affiche que la premiere ligne du boucle foreach php
$('.checkbox-list').click(function(){
var checkedValue = $('.checkbox-list:checked').val();
if( $(this).is(':checked')) {
$("#results").show();
$("#results").append(checkedValue);
} else {
$("#results").hide();
}
});
je peux meme récupère l'image en plus du nom merci
var elem = el.value; var img = elem.split(';'); var image = img[0]; var name = img[1];