boutton radio et disabled input

Bonjour,

j'ai une page jsp avec un formulaire qui est composé de deux "parties", c'est à dire, soit on rentre un fichier ou des données dans un textarea, j'aimerai que lorsque l'utilisateur clique sur un bouton radio le choix de fichier devient disabled ou le textarea.

Voici le code de la page jsp :

Code:

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<%@page import="venterscript.Sequence"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <h1>Hello Everybody, it's SVEP program developed by Venter's group!</h1>
        <form action="InputServlet" method="post">
            <table border="1">
                <thead>
                    <tr>
                        <td><input type="radio" name="fasta" value="file" checked="checked" /></td>
                        <td><label>Paste the entire sequence</label></td>
                        <td><textarea name="sequence" rows="8" cols="40" disabled="">
                            </textarea>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="radio" name="fasta" value="text" checked="checked" /></td>
                        <td><label>Sequence file</label></td>                        
                        <td><input type="file" name="fileFasta" value="" /> </td>
                    </tr>                    
                    <tr>
                        <td><input type="radio" name="mutation" value="" checked="disabled" />
                        <td><label>Mutation</label></td>
                        <td><textarea name="mutation" rows="8" cols="40" disabled="">
                            </textarea></td>
                    </tr>
                    <tr>
                        <td><input type="radio" name="mutation" value="" checked="disabled" />
                        <td><label>Mutation file</label></td>
                        <td><input type="file" name="fileMutation" value="" disabled=""/> </td>
                    </tr>
                    <tr>
                        <td><input type="radio" name="mutation" value="" checked="checked" />
                        <td><label>None</label></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td><input type="submit" value="submit" name="submit" /></td>
                    </tr>
                </tbody>
            </table>
        </form>
    </body>
</html>

Donc il y a deux groupes de radio boutton.
J'espère etre clair, ce que je veux savoir c'est comment mettre des "input" en disabled en fonction de ce que click l'utilisateur en rechargeant la même page?

Merci,

alaninho