2 boutons radio fonctionnent en alternance

**hraiwen** · 06/04/2009, 16h22

bonjour,
j'ai 2 bouton radio
1/

Code :

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

<input type="radio" name="compte" id="compte" value="0" checked="checked" onclick="affich_form_compte()" />

2/

Code :

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

<input type="radio" name="compte" id="inscrip" value="1" onclick="affich_form_inscrit()" />

et j'ai c 2 paragraphes:
a/

Code :

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

<fieldset id="mon_paragraphe" p style="display: none"  class="Style_form" >

b/

Code :

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

<fieldset id="mon_paragraphe1">

je veux lorsque je selectionne 1/ le paragraphe b/ s'affiche et paragraphe a disparait
je veux lorsque je selectionne 2/ le paragraphe a/ s'affiche et paragraphe b disparait
donc les codes de affich_form_compte() et affich_form_inscrit()
j'ai essayé ca

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function affich_form_compte(frm)
{
document.getElementById('mon_texte').focus();
document.getElementById('mon_paragraphe1').style.display='';
document.getElementById('mon_paragraphe').style.display='none';
}
function affich_form_inscrit()
{
document.getElementById('mon_paragraphe').style.display='';
document.getElementById('mon_paragraphe1').style.display='none';
}

**SpaceFrog** · 06/04/2009, 16h37

il faut initialiser le display dans les balises

**hraiwen** · 06/04/2009, 16h41

svp, j comprend pas

**SpaceFrog** · 06/04/2009, 16h53

je ne vois de style display que dans le premier paragraphe ...

**hraiwen** · 06/04/2009, 17h02

j' ai essayé mai ca na pas marché
en plus j'ai misstyle display ds le premier parag puisque je veux que cette parag est par defaut n'est pas visible

**SpaceFrog** · 06/04/2009, 17h08

voici pour la partie afficher / masquer ...

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
<script type='text/javascript'>
function affich_form_compte()
{
//document.getElementById('mon_texte').focus();
document.getElementById('mon_paragraphe1').style.display='block';
document.getElementById('mon_paragraphe').style.display='none';
}
 
function affich_form_inscrit()
{
document.getElementById('mon_paragraphe').style.display='block';
document.getElementById('mon_paragraphe1').style.display='none';
}
</script>
</head>
 
<body>
 
<p>
<input type="radio" name="compte" id="compte" value="0" checked="checked" onclick="affich_form_compte()" />
<input type="radio" name="compte" id="inscrip" value="1" onclick="affich_form_inscrit()" />
 <fieldset id="mon_paragraphe"  style="display: none"  class="Style_form" > ljkhlkjh
 </fieldset>
 <fieldset id="mon_paragraphe1" style="display: block"  class="Style_form">
 dsqfqsdfdsf
 </fieldset>
</body>

2 boutons radio fonctionnent en alternance

JavaScript

Vue hybride

Discussions similaires

Partager

Partager