Cocher plusieurs checkbox avec un bouton

Résolu
karim_Abdoul Messages postés 1 Statut Membre -  
 karim_Abdoul -
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

  1. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    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
  2. karim_Abdoul
     
    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
    1. karim_Abdoul
       
      La maintenan je veux devoir avance sur mon projet
      0