2010-07-26 6 views
0

Je suis assez nouveau HTML, je veux ouvrir une zone de texte lorsqu'un bouton radio particulier est sélectionnéOuverture d'une zone de texte sur la sélection d'un bouton radio

<html> 
    <table> 

    <tr><INPUT TYPE=RADIO NAME="X" VALUE="H"/> A </tr> 

    <tr><INPUT TYPE=RADIO NAME="X" VALUE="L"/> B </tr> 

    <tr> <INPUT TYPE=RADIO NAME="X" VALUE="LL"/> C </tr> 

    </table> 

    </html> 

Je veux montrer

<tr> <TEXTAREA NAME="data" ROWS=10 COLS=50> </TEXTAREA> </tr> 

quand B est sélectionné sinon ne pas le montrer. Des idées?

+1

Vous pouvez augmenter votre note accepter si vous voulez obtenir des réponses. –

+0

D'abord, je voudrais me débarrasser des tables! Ensuite, j'utiliserais une bibliothèque JavaScript comme jQuery, car vous ne pouvez pas masquer dynamiquement les champs d'affichage en utilisant HTML, vous devez utiliser un langage côté client ou serveur. –

Répondre

2

Sans jQuery:

<html> 
    <head> 
     <script type="text/javascript"> 
     function show() { document.getElementById('area').style.display = 'block'; } 
     function hide() { document.getElementById('area').style.display = 'none'; } 
     </script> 
    </head> 
    <body>   
     <form name="radios"> 
     <INPUT TYPE=RADIO NAME="X" VALUE="H" onclick="hide();"/>A 
     <INPUT TYPE=RADIO NAME="X" VALUE="L" onclick="show();"/>B 
     <INPUT TYPE=RADIO NAME="X" VALUE="LL" onclick="hide();"/>C 
     <TEXTAREA id="area" style="display: none;" NAME="data" ROWS=10 COLS=50></TEXTAREA> 
     </form> 
    </body> 
</html> 
Questions connexes