Script multi Checkbox
Scipt complet
<?php
/** identifiants BDD */
define('USER', 'xxxxxxxx'); // Nom Utilisateur
define('MDP', 'Xyxyxy'); // Mot de passe
define('_DB', 'base_a'); // Nom de votre Base 1
define('HOST', 'localhost');
// Connection à la Base 1
$conn_DB = mysqli_connect(HOST,USER,MDP,_DB);
// si la connexion se fait en UTF-8, sinon ne rien indiquer
$conn_DB->set_charset("utf8");
if (!$conn_DB) {
die("Erreur de connexion: " . mysqli_connect_error());
}
?>
<br> <br>
<h1>Test multi checkbox :</h1>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js">
</script>
<?php
if (isset($_POST['affiche_IMG'])) {
// ICI notre exemple d'action, mais vous pouvez facilement adapter et effectuer toute autre requête selon vos besoins.
if(empty($_POST['check']))
{
$vide = "Vous n'avez rien coché !";
}
foreach($_POST['check'] as $checkID){
$query_affiche = mysqli_query($conn_DB, "SELECT * FROM album WHERE id = '".$checkID."' ");
while($res_img = mysqli_fetch_object($query_affiche)){
$recupId = $res_img->id;
$recuplNom = $res_img->nom;
$recupIMG = $res_img->image;
?>
<img src="/<?php echo $recupIMG ?>" class="" alt="/<?php echo $recuplNom ?>" style="width:300px;">
<br />
<?php echo $recuplNom ?>
<br />
<?php
}
}
}
?>
<br />
<div id="message"><span style="color:#ff0000;"><?php echo $vide ?></span></div>
<div>
<br />
<input type="radio" id="cocher"> Tout cocher
<br />
<input type="radio" id="decocher"> Tout décocher
</div>
<br />
<form method="post" action="#affiche-images" id="comment_form">
<?php
$query_album = mysqli_query($conn_DB, "SELECT * FROM album WHERE id = id AND publiee = 0 ORDER BY id DESC ");
while($liste_album = mysqli_fetch_object($query_album)){
$realId = $liste_album->id;
$realNom = $liste_album->nom;
$realImg = $liste_album->image
?>
<input type="hidden" name="checkID[]" value="<?php echo $realId ?>" />
<input type="checkbox" style="vertical-align: middle;" name="check[]" id="<?php echo $realId ?>" value="<?php echo $realId ?>" class="checkClass"/>
<label for="<?php echo $realId ?>"> <span style="color:#ff0000;padding-left:4px;"> *</span> <?php echo $realNom ?></label>
<br /> <br />
<?php
}
?>
<input type="submit" id="submit" name="affiche_IMG" class="btn btn-perso w-100" value="Afficher les images cochées">
</form>
<script>
$(document).ready(function(){
// TOUT COCHER
$(":radio#cocher").click(function(){
$(':checkbox.checkClass').prop('checked', true);
$(":radio#decocher").prop('checked', false);
});
// TOUT DE-COCHER
$(":radio#decocher").click(function(){
$(':checkbox.checkClass').prop('checked', false);
$(":radio#cocher").prop('checked', false);
});
// UNCHECK SI UNE CHECKBOX EST SELECTIONNEE
$(':checkbox.checkClass').click(function(){
$(":radio#cocher").prop('checked', false);
$(":radio#decocher").prop('checked', false);
});
});
</script>
<br />
<br />