Javascript : duplication champ radio

Résolu
neopolo -  
 neopolo -
Bonjour,

Voilà mon problème :
J'ai deux possibiltés de champs de formulaire radio avec des valeurs identiques.
Après avoir rempli le premier, j'aimerai dupliquer le choix sur le dernier champ en fonction du champ radio duplication : soit le choix est dupliqué, soit il ne l'est pas.
Voici mon code : 
<script language="JavaScript">
function duplioui()
{
document.getElementById('choix2').value=document.getElementById('choix1').value;
}
function duplinon()
{
document.getElementById('choix2').value="";
}
</script>

<form id="form1" name="form1" method="post" action="">
  choix 1 : 
  <input type="radio" name="choix1" id="choix1" value="a" /> a
  <input type="radio" name="choix1" id="choix1" value="b" /> b
  <br />
duplication   
<input type="radio" name="duplication" id="duplication" value="oui"  onclick="duplioui();"/>  oui
<input type="radio" name="duplication" id="duplication" value="non"  onclick="duplinon();"/> non

<br />

  choix 2 : 
  <input type="radio" name="choix2" id="choix2" value="a" /> a
  <input type="radio" name="choix2" id="choix2" value="b" /> b
  <br />

</form>


Mais ça ne fonctionne pas :-((

Pouvez-vous me donnez un coup de pouce ?

Merci davance

1 réponse

Réponse 1 / 1
Alain_42 Messages postés 5413 Statut Membre 894
 
ça ne marche pas car tu as le même nom pour plusieurs id= donc le getElementById ne sait pas lequel atteindre

comme ça c'est bon chez moi: 

<script language="JavaScript">
function duplioui(){
if(document.getElementById('choix1a').checked==true) {document.getElementById('choix2a').checked=true}
if(document.getElementById('choix1b').checked==true) {document.getElementById('choix2b').checked=true}
}
function duplinon(){
document.getElementById('choix2a').checked=false;
document.getElementById('choix2b').checked=false;
}
</script>

<form id="form1" name="form1" method="post" action="">
  choix 1 : 
  <input type="radio" name="choix1" id="choix1a" value="a" /> a
  <input type="radio" name="choix1" id="choix1b" value="b" /> b
  <br />
duplication   
<input type="radio" name="duplication" id="duplication" value="oui"  onclick="duplioui();"/>  oui
<input type="radio" name="duplication" id="duplication" value="non"  onclick="duplinon();"/> non

<br />

  choix 2 : 
  <input type="radio" name="choix2" id="choix2a" value="a" /> a
  <input type="radio" name="choix2" id="choix2b" value="b" /> b
  <br />

</form>


@lain
0
neopolo
 
Ca fonctionne!!!! ;-)
Merci beaucoup @lain
0

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
javascript:void(0);
nano -
JCVD -

18 réponses
Faire un echo dans un script JS
CorentinRoche -
CorentinRoche -

6 réponses
a javascript error occurred in the main process
Kytsu1241 -
lolomusic667 -

1 réponse