Discussion :

[epoc.01]

Bonjour, je cherche a desactivé un input selon le choix d'un bouton radio :



SI libre occupé est coché, le prix doit etre desactivé.

Ce tableau est dynamique, il resulte des choix de l'internaute donc je doit faire un javascript qui tienne en compte ceci.

exemple du retour HTML du tableau :

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
<tr>
	  				<td>2</td>
                     <td>du 20/12/2008 au 27/12/2008</td>
                     <td>
                       <input type="radio" id="rad2" name="etat[1229727600]" value="1" onclick="onYes();" checked>
                       Libre
                     </td>
                     <td>
                       <input type="radio" id="rada2" name="etat[1229727600]" value="0" onclick="onNo();">
                       Occup&eacute;
                     </td>
                     <td>
                       <input name="prix[1229727600]" id="prix2" type="text" size="10" class="test">€
                     </td>
                   </tr>

Voici mon javascript :

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
function updateBox()
{
  	var inputdist = document.getElementById('tableau').getElementsByTagName('input');
	for(var i=0; i<inputdist.length; i++){
	enableBox(document.getElementById("rad"+[i]).checked);
										 }
}
 
function enableBox(yes)
{
    var inputmist = document.getElementById('tableau').getElementsByTagName('input');
	for(var i=0; i<inputmist.length; i++){
	document.getElementById("prix"+[i]).disabled=!yes;
										 }
}
 
function onYes()
{
	updateBox();
}
 
function onNo()
{
	updateBox();
}
 
function onLoad()
{
	updateBox();
}

le probleme viens de la ligne

enableBox(document.getElementById("rad"+[i]).checked);

j'ai cette erreur dans le navigateur :

document.getElementById(...) is null or not a object.

Voyez vous l'erreur ?

[Bovino]

Code :

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

enableBox(document.getElementById("rad"+i).checked);

tout simplement, idem avec les champs prix.

[epoc.01]

Merci,

J'ai enlevé les [] mais cela ne change rien, toujours la meme erreur

[Bovino]

Oui, c'est normal :

Code :

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

var inputdist = document.getElementById('tableau').getElementsByTagName('input');

Tu récupères tous les input, y compris ceux qui n'ont pas comme id 'rad'+i, donc à un moment, le getElementById ne trouve pas l'élément.

[epoc.01]

je ne vois pas comment faire autrement pour recuperer mes valeurs. Tu aurais une idée.
Sachant que les id sont sont générés grace a un script php.

[Bovino]

En rajoutant un test :

Code :

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

1
2
3
4
5
6
7
function updateBox()
{
  	var inputdist = document.getElementById('tableau').getElementsByTagName('input');
	for(var i=0; i<inputdist.length; i++){
	if(inputdist[i].id.match('rad'){enableBox(inputdist[i]).checked);}
										 }
}