Bonjour,
 
Je souhaite afficher ou masquer une checkbox à partir d'un RadioButton et codé en javascript.
La checkbox prend un id en paramètre = chk.
J'ai une liste de RadioButton appellée SelectionP, j'ai attribué à cette liste un nom=selection et lorsque que je clique sur un bouton ça lance la fonction suivante:
 
function displayCheck() {
 zone = document.getElementById('chk');
 button = document.getElementsByName('selection');//récupère le nom  
 
 if (button == "oui" && button.selected == true){
  zone.style.visibility='hidden';
 }
}
 
J'ai l'impression que le code est bon mais lorsque que je clique sur le bouton nommé "oui", ceci ne masque pas la checkbox.
 
Merci d'avance pour votre aide
 
Cordialement,
 
titi04

Je te suggère d'apprendre ce que fait getElementsByName, parce que c'est sûrement pas ce que tu penses.

getElementsByName retourne un tableau d'elements. Il te faut parcourir celui ci.
Il manque également un value à ton test == "oui"
edit:  

J'ai changé ma fonction:
 
function displayCheck() {
 zone = document.getElementById('chk');
 button = document.getElementsByName('selection');  
 
for (i=0;i<button.length;i++){
    if (button[i].selected == true && button[i].value == 'oui'){
        zone.style.visibility='hidden';
       }
    }
}  
 
Je suis désolée pour ces erreurs mais je débute !
Sinon, en changeant mon code, ceci ne change rien, la checkbox ne se masque pas. Faut-il que j'enlève le coche par défaut de ma RadioButton.

Dans tous les bons navigateurs (dans Firefox en tout cas), il existe une console d'erreurs qui t'indique les erreurs de javascript...
Tu vas sur ta page.  
OUtils -> Console d'erreurs -> Onglet "Erreurs" (tu cliques un coup sur "Effacer" pour purger les anciennes erreurs)
Tu recharges ta page et tu cliques sur ton bouton ou sur l'endroit ou tu as mis ton code...
Si ca ne marche pas (même si ca marche tu peux le faire), tu ouvres la console d'erreurs et tu débugues en fonction de ce qui a été dit dans la console...

C'est toujours n'importe quoi.

 
Pourrais tu m'indiquer ce qui ne vas pas dans mon code s'il te plaît?

Je te l'ai déjà indiqué dans mon premier post.

getElementsByName retourne un tableau d'éléments comme l'a suggéré anapajari. Donc, je parcours mon tableau dans la fonction.

C'est juste, mais c'est extrèmement incomplet, et c'est sur la partie manquante que tu te plantes.

Je ne pourrais pas avoir un peu plus d'aide de ta part car pour le moment je bloque. J'ai bien cherché ce que faisais getElementsByName mais je ne vois pas ce que tu veux dire.

http://developer.mozilla.org/en/do [...] sByTagName

 
Et on peut noter que "tag name" ne signifie pas "attribut name dans le tag"
http://developer.mozilla.org/en/do [...] nt.tagName

<span id="born">When I was born...</span>

var span = document.getElementById("born" );
alert(span.tagName);

Masklinn, il utilise getElementsByName ( http://developer.mozilla.org/en/do [...] entsByName ) et pas getElementsByTagName.
Je dis ça je dis rien  

Oshit, j'ai loosé sur le coup, j'utilise tellement pas cette fonction que je me souvenais même plus de son existence  
 
Bon ben désolé titi04, j'ai merdé sur le coup

D'abord, il faut que tu apprennes à récupérer les valeurs de ta liste déroulante et savoir quels radiobuttons est cochés.
Tu enlèves ta boucle. Tu vas dans Google et tu tapes :

• récupérer valeurs liste déroulante javascript puis
• récupérer valeurs rediobutton javascript  

Et tu sauras comment récupérer les valeurs de tes boutons, listes...
Une fois que tu auras réussi cette étape, tu peux revenir vers nous si tu continues à avoir des problèmes...
 

badass> quand tu sauras lire un topic, tu pourra te permettre ce genre de post
A quel endroit as-tu vu qu'il parlait d'une liste déroulante???

titi04>tu as juste une erreur dans ton code. Les "radios" n'ont pas de propriété selected mais une propriété checked, donc remplace:

par

Bon maintenant, reste que ta fonction est vraiment pas top
Vu que tu as, j'imagine, mis un click handler sur chacun de tes radio, je passerais l'objet cliqué en paramètres à la fonction afin de ne tester que celui-ci est s'éviter une boucle.

J'aurais même tendance à passer par getAttribute() juste au cas où

et accessoirement, la valeur renvoyée par .checked n'est pas nécessairement "true" (et c'est pas censé être true en fait" ), ça marchera que sous IE

Euh, qu'est ce que je t'ai fait ?    

• Ma remarque à titi04 était sans animosité mais juste un constat que ce qu'il demande est assez courant sur le net et donc avec une petite recherche, il pouvait se débloquer un peu
• Pour le coup, de la liste j'ai un peu trop vite lu la phrase de titi04 "J'ai une liste de RadioButton appellée SelectionP, j'ai attribué à cette liste un nom=selection "...

[HS]
Ca fait deux fois que tu déformes mon nom, quelle en est la cause ? On se connait ? On a gardé les cochons ensemble ? Une private joke qui ne fait rire que toi ?
[/HS]

euh.... .checked renvoit true/false pour un radio input sous tous les navs il me semble.  
qu'est ce que tu veux que ça renvoit d'autre?

la mienne était également sans animosité

sorry, je croyais vraiment que c'était badass et pas babass
 
 

Merci pour tous vos conseils.
 
J'ai réussi à faire ce que je voulais grâce à vos remarques et donc la fonction donne:
 
function displayCheck() {
 zone = document.getElementById('chk');
 button = document.getElementsByName('selection');
 
 for (i=0;i<button.length;i++){
  if ((button[i].value == 'oui') && (button[i].checked == true)){
   zone.style.visibility = 'hidden';
   break;
  }
  else {
   zone.style.visibility = 'visible';
  }
 }
}
 
 

Lose v2 de ma part
 
C'est e.getAttribute("checked" ) qui renvoie null/"checked" dans tous les navigateurs, sauf MSIE qui renvoie true/false

Je vous ai dit que ma fonction fonctionnait!
C'est toujours le cas mais seule la checkbox se masque, et j'aimerai que le texte qui lui est associé soit aussi masqué.
Mais pour l'instant ce n'est pas le cas...J'ai essayé avec objet.value...et d'autres aussi mais rien à faire.
Savez vous quel(s) objet ou fonction faut-il utiliser?
 
Merci encore

tu mets ta checkbox et ton texte dans un container ( un div ou p ou ce que tu veux) et tu règles la visibilité de ce container

ok.
Merci