Cocher plusieurs checkbox avec un bouton

Résolu/Fermé
karim_Abdoul Messages postés 1 Date d'inscription lundi 30 mars 2015 Statut Membre Dernière intervention 30 mars 2015 - Modifié par baladur13 le 31/03/2015 à 18:04
 karim_Abdoul - 31 mars 2015 à 19:55
Bonjour,
Bonjour,a tous
sadkat j'ai voudrais avoir ton code car j'ai le meme probleme que toi sur ça .s'il te plait je galere depuis des jours.

Si quelqu'un d'autre a aussi la solution s'il vous plait aidez Moi !....je galere vrai vrai.

Voici mon PROBLEME: je veux quant on click sur le bouton Tout, ça desactive tous les boutons checkbox avec le bouton choisir;
et Quand on clique sur choisir, ça active les checkbox et desactive le bouton Tout.

voici mon code : Aidez-moi!...

<html> 
<title>Boulo</title> 
<body> 
<FORM name="maforme" action="?" method="POST"> 


<script language="JavaScript" type="text/javascript"> 


function verif_button() 
{ 
radio1=document.maforme.getElementById("radid1") ; 
window.alert("titi"); 
radio2=document.maforme.getElementById("radid2") ; 
if (radio1.checked or radio2.checked ) 
{ 
window.alert("tata"); 
document.maforme.Submit.disabled = false; 
} 
else 
{ 
window.alert("toutouille"); 
document.maforme.Submit.disabled = true; 
} 
} 
</script> 



<INPUT type= "radio" id ="radid1" name="radstate" value="accepted" onclick="verif_button();" > Tout les produits<hr/> 
<INPUT type= "radio" id ="radid2" name="radstate" value="rejected" onclick="verif_button();" > Choisir Parmi la liste ci-dessous<br/> <br/> 

<input type="checkbox" name="" id="Submit" value="" disabled="disabled" >Riz <br/> 
<input type="checkbox" name="" id="Submit" value="" disabled="disabled" > Sucre<br/> 
<input type="checkbox" name="" id="Submit" value="" disabled="disabled" > Farine<br/> 
<input type="checkbox" name="" id="Submit" value="" disabled="disabled" > Lait<br/>

</body> 
</form> 
</html> 



2 réponses

RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
31 mars 2015 à 15:46
Salut

fait le en jquery ! voila un exemple vite fait
<!DOCTYPE html>
<html>
<head>
<title>
RAD ZONE Webcreation
</title>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-2.1.3.min.js">
</script>
<script>
$(function()
{
enable_cb();
$("#radid2").click(enable_cb);

enable_cb2();
$("#radid1").click(enable_cb2);

/*click(function pour tout cheker ou dechecker */
$('#radid2').click(function()
{
$(':checkbox').checked(false);
}
);

$('#radid1').click(function()
{
$(':checkbox').checked(true);
}
);
$.fn.checked = function(value) {

if(value === true || value === false) {
$(this).each(function() {this.checked = value;});

}
/*click(function pour tout cheker ou dechecker */


/* peux etre utiliser si besoin

else if(value === undefined) {

$(this).each(function() {this.checked = !this.checked;});
}*/

};
}
);

function enable_cb() {
$("input.group1").prop("disabled", false);
}


function enable_cb2() {
$("input.group1").prop("disabled", true);
}
(jQuery);
</script>
</head>
<body>
<form name="maforme" id="maforme">
<input type="radio" id="radid1" name="radstate"> Tout les produits
<br>
<input type="radio" id="radid2" name="radstate"> Choisir Parmi la liste ci-dessous
<br>
<hr>
<br>
<input type="checkbox" name="chk1" class="group1">Riz
<br>
<input type="checkbox" name="chk2" class="group1">Sucre
<br>
<input type="checkbox" name="chk3" class="group1">Farine
<br>
<input type="checkbox" name="chk4" class="group1">Lait
<br>
</form>
</body>
</html>

3
karim_Abdoul
31 mars 2015 à 19:50
OK!!!......Yes.

RAD ZONE ça Marche. Merci Beaucoup!................... de m'avoir liberé de cette galere.

Tu sais quoi Merci !!!!!!!!!!!! infiniment tu es formidable.

A bientot
0
karim_Abdoul
31 mars 2015 à 19:55
La maintenan je veux devoir avance sur mon projet
0