Javascript et les boutons radio

**kagura** · 22/08/2006, 16h59

Bonjour,
J ai un formulaire qui contient 2 boutons radios avec chacun son champ de texte qui est par defaut desactivé.
Je veux qu'une fois le bouton est coché, le champ de texte sera activé.
Mais avec mon code qui marche dans un cas mais pas dans un autre, ça marche pas encore :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<tr>
      <th width="274" rowspan="2">Remise</th>
      <th width="77"><input type="radio" name="2" id="1" onClick="changement();"></th>
      <th width="321"><input type="text" name="p" style="width:200" disabled="disabled" id="p"></th>
</tr>
<tr>
      <th height="33"><input type="radio" name="2" id="2" onClick="changement();"></th>
      <th>&nbsp;<input type="text" name="p" style="width:200" disabled="disabled" id="v"></th>
</tr>

Code javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function changement() 
{ 
      if (document.getElementById('1').checked == true) 
	document.getElementById('p').disabled=false; 
      else 
	document.getElementById('p').disabled=true;
 
     if (document.getElementById('2').checked == true) 
	document.getElementById('v').disabled=false; 
     else 
	document.getElementById('v').disabled=true;
}

Merci d'avance

**bloody22** · 22/08/2006, 17h12

Je sais pas comment tu as déclaré ton formulaire ...
parce que le mieux c'est de mettre form.btn dans ton JavaScript et d'envoyer ton formulaire en paramètre.
Tu as pas dit non plus quel cas marche et lequel ne marche pas

**zenabN** · 15/09/2006, 16h36

Bonjour

J ai le meme soucis avec mon code

Quand je clic sur les boutons radio je ne peux plus les decocher et deux bouton radio se coche, enfin ca va un peu dans tous les sens.
Quelqu un pourrait il m aider svp?
Merci bien

**Bisûnûrs** · 15/09/2006, 16h51

@zenabN :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<script language="javascript">

function changement()
{
if (document.form1.rad[0].checked) {
document.getElementById('insert').disabled=true;
document.getElementById('update').disabled=true;
}

else {
document.getElementById('insert').disabled=false;
document.getElementById('update').disabled=false;
}

if (document.form1.rad[1].checked) {
document.getElementById('updateurl').disabled=true;
}

else {
document.getElementById('updateurl').disabled=false;
}
}
</script>


<form method="post" name="form1" target="_self">

<table border="0" align="center" cellpadding="0" class="bgForm">

<tr>
<td align="center" colspan="3"> Mettre à jour l'url:
<input type="radio" id="rad" name="rad" value="oui" onclick="javascript:changement()" checked> OUI
<input type="radio" id="rad" name="rad" value="non" onclick="javascript:changement()"> NON
</td>
</tr>
<tr>
<td ><input type="button" style="width:250px" name="insert" id="insert" value="inserer" disabled>
</tr>
<tr>
<td ><input type="button" style="width:250px" name="update" id="update" value="mise a jour" disabled>
</td>
<tr>
<td><input type="button" style="width:250px" name="updateurl" id="updateurl" value="mise a jour url" >
</td>
</tr>
</table>
</form>

**zenabN** · 19/09/2006, 14h09

Merci pour toutes les reponses, j ai resolu le probleme.
Et je ne vois pas de bouton resolu parce que j avais posté sur un probleme deja resolu ??
Merci beaucoup