Bonjour,

Je viens encore une fois vous voir pour un ... petit soucis de JS .

Présentation:

J'ai plusieurs bouton radios appartenant au même groupe (même attribut name), à chacun de ces bouton radios est normalement lié des champs de saisie (liste ou champ texte).
Si un bouton radio est coché alors seulement les champs et les valeurs associés à ce bouton radio sont pris en compte dans le formulaire.

Le soucis
Comme expliqué ci dessus seul les champs dont le bouton radio associé à été sélectionné sont pris en compte, seulement les autres champs étant en saisie libre, cela peut perturber l'utilisateur qui pensait pouvoir remplir plusieurs champs correspondant à plusieurs boutons radio.

Je souhaiterais donc rendre les champs de saisie associé au bouton modifiables, et les champs associés aux autres boutons non modifiables.

Malgré mes efforts je n'arrive pas à faire en sorte que tous les champs non associé au bouton radio sélectionné soit passé en "disabled=disabled".

Le Code

Un exemple de la structure de mon code

Code html : 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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title></title>
  </head>
  <body>
 
 
  <form>
      <input id="1" type="radio" name="toto" value="0"/>  <input name="tutu1" type = "text" /><select name = "titi1" value="0"><option>Tata1</option></select>
      <input id="2" type="radio" name="toto" value="1"/>  <input name="tutu2" type = "text" /><select name = "titi2" value="0"><option>Tata2</option></select>
      <input id="3" type="radio" name="toto" value="2"/>  <input name="tutu3" type = "text" /><select name = "titi3" value="0"><option>Tata3</option></select>
      <input id="4" type="radio" name="toto" value="3"/>  <input name="tutu4" type = "text" /><select name = "titi4" value="0"><option>Tata4</option></select>
      <input id="5" type="radio" name="toto" value="4"/>  <input name="tutu5" type = "text" /><select name = "titi5" value="0"><option>Tata5</option></select>
      <input id="6" type="radio" name="toto" value="5"/>  <input name="tutu6" type = "text" /><select name = "titi6" value="0"><option>Tata6</option></select>
  </form>
  </body>
</html>

Ce que je souhaite

Une jolie bimbo, une jolie voiture, une jolie maison, beaucoup d'argent .... bon ça c'est pour plus tard.

Ce dont j'ai besoin

De savoir quel event associé aux bouton radio afin que lorsqu'un des boutons est sélectionné un script change la value disabled des champs des autres boutons radio.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
$('#idChamp).attr('disable','disable');
Comment faire savoir à un bouton quels champs lui sont associés.

Et si vous avez ça en stock un petit exemple de script qui fait un effet similaire.

Conclusion

Le problème est de lancé une vérification sur tous les champs associés à un bouton, et si ce bouton n'est pas 'checked' alors ces champs sont passé en 'disabled'.

Merci à vous !