un saluto a tutti qui del forum.
Volevo chiedere il vostro aiuto perchè non riesco a compiere una operazione con javascript.

Vi spiego il mio obiettivo:
ho tre radio button e vorrei che:
il form parte con la prima inputbox attiva e le successive tre inputbox disattive (sono disattive anche le due textarea)
alla pressione del secondo radio si disattivino le prime 4 inputbox e l'ultima textarea e si attivi la prima textarea;
alla pressione del terzo radio si disattivino le prime 4 inputbox e la prima textarea e si attivi la seconda textarea;
alla pressione della prima radio si disattivino la prima e la seconda textarea nonchè la seconda, la terza e la quarta inputbox e si attivi la prima inputbox;

naturalmente quando si effettua una disattivazione, i valori presenti nella inputbox o textarea dovrebbero sparire azzerandosi.

il codice che ho scritto è il seguente ma non mi funziona.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="Javascript" type="text/javascript">
function Disabilita(btnradio, obj_textarea)
{ if(parseInt(btnradio.value))
{ obj_textarea.value = ""
obj_textarea.disabled = true;
}
else
{ obj_textarea.disabled = false;
}
}
</script>
</head>

<body>
<form method="POST" action="?save=1" enctype="multipart/form-data" name="modulo">
<div id="scelta_1_elenco_radio"><input type="radio" name="TipoInserimento" value="elenco" checked onClick="Disabilita(this, this.form.semplice);"/></div>
<div id="scelta_2_elenco_radio"><input type="radio" name="TipoInserimento" value="semplice" onClick="Disabilita(this, this.form.semplice);"/></div>
<div id="scelta_3_elenco_radio"><input type="radio" name="TipoInserimento" value="avanzata" /></div>
<div id="txt_titolo_elenco">ELENCO</div>
<div id="sei">1° :
<input name="1" type="text" disabled="disabled" size="70" /></div>
<div id="quattro">2° :
<input name="2" type="text" disabled="disabled" size="70" /></div>
<div id="due">3° :
<input name="3" type="text" disabled="disabled" size="70" /></div>
<div id="input_4">4° :
<input name="4" type="text" disabled="disabled" size="70" /></div>
<div id="input_5">SEMPLICE
<textarea name="semplice" cols="66" rows="7" disabled="disabled" ></textarea></div>
<div id="input_6">AVANZATA
<textarea name="avanzata" cols="66" rows="7" disabled="disabled" ></textarea></div>
</form>
</body>
</html>


GRAZIE a chi mi da una mano.