Javascript : duplication champ radio

Résolu/Fermé

neopolo - 21 janv. 2009 à 16:40
neopolo - 21 janv. 2009 à 18:05

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

A voir également:

Javascript : duplication champ radio
Telecharger javascript - Télécharger - Langages
Node.js javascript runtime virus ✓ - Forum Virus
Javascript echo ✓ - Forum PHP
Erreur #125 javascript - Forum Mozilla Firefox
A javascript error occurred in the main process - Forum Handicap / Accessibilté

1 réponse

Réponse 1 / 1

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
21 janv. 2009 à 17:40

ç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

neopolo
21 janv. 2009 à 18:05

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

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

java script error in the main process

javascript:void(0);

java activée mais ne fonctionne pas !

afficher un tableau JS en HTML