Aide - Recherche - Membres - Calendrier
Version complète : pb de bouton radio
Forum Développeur - Administration serveur, programmation et base de données > Programmation > Javascript et AJAX
belmarima
bonjour,

j'aimerai en cliquant sur le bouton radio 'mail', que ca me decoche les 3 autre boutons radio 'cd', et que lorsque je coche le bouton radio 'poste', ca me coche l'un des 3 boutons cd
QUOTE

<input name=\"envoie\" type=\"radio\"  value=\"mail\" onclick=\"test_envoie(value)\"checked>livraison par mail<br>
<input name=\"envoie\" type=\"radio\" value=\"poste\"  onclick=\"test_envoie(value)\"> livraison par voie postale sur CDrom
<blockquote>
       <input type=\"radio\" name=\"cd\" value=\"classique\">classique<br>
       <input type=\"radio\" name=\"cd\" value=\"contre-remboursement\">contre-remboursement<br>
       <input type=\"radio\" name=\"cd\" value=\"express\"> Express<br>

est-ce possible ?
belmarima
Voila la réponse à ma question, je suppose que ce sera utile pour certain biggrin.gif
Pour cocher sous netscape il faut utiliser checked, et pour internet explorer c status
QUOTE
//a mettre dans les balises head
<script ...>
function test_envoie(coch){
if (coch=='mail')
{
 document.form1.cd[0].checked=false;
 document.form1.cd[1].checked=false;
 document.form1.cd[2].checked=false;
 document.form1.cd[0].status=false;
 document.form1.cd[1].status=false;
 document.form1.cd[2].status=false;
}
else
{
 document.form1.cd[0].checked=true;
 document.form1.cd[0].status=true;
}
}
function test_envoie2(coch){
 document.form1.envoie[0].checked=false;
 document.form1.envoie[0].status=false;
 document.form1.envoie[1].checked=true;
 document.form1.envoie[1].status=true;
}
</script>

QUOTE
//a mettre dans les balises body
<form name=\"form1\" method=\"post\" action=\"...\">
<input name=\"envoie\" type=\"radio\" value=\"mail\" onclick=\"test_envoie(value)\"checked>livraison par mail<br>  
<input name=\"envoie\" type=\"radio\" value=\"poste\" onclick=\"test_envoie(value)\"> livraison par voie postale sur CDrom  
<input type=\"radio\" name=\"cd\" value=\"0\" onClick=\"test_envoie2(value)\">classique<br>  
<input type=\"radio\" name=\"cd\" value=\"1\" onClick=\"test_envoie2(value)\">contre-remboursement<br>  
<input type=\"radio\" name=\"cd\" value=\"2\" onClick=\"test_envoie2(value)\"> Express<br>
</form>
Anonymous
dans les comportements, tu as "Changer la propriété".

selectionne ce qu'il faut et ça devrait rouler.
qwix
Sinon tu as la méthode rapide:
CODE
<script language="JavaScript" type="text/javascript">

function decoche()

{

document.form.cd[0].checked = false;

document.form.cd[1].checked = false;

document.form.cd[2].checked = false;

}

</script>

</head>



<body>

<form name="form">

  <p>

   <input name="envoi" type="radio" value="mail" onclick="decoche()">

   livraison par mail<br>

   <input name="envoi" type="radio" value="poste" >

   livraison par voie postale sur CDrom

 <p>

   <input type="radio" name="cd" value="classique">

   classique<br>

   <input type="radio" name="cd" value="contre-remboursement">

   contre-remboursement<br>

   <input type="radio" name="cd" value="express">

   Express<br></p>

</form>


Et voilà

smile.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2009 Invision Power Services, Inc.