ciao io ho una pagina (ricerca avanzata) dove si puo' selezionare alcuni campi e poi si preme invio

tali campi sono sia input, sia tendine, ma ci sono dei radiobox

(esempio: seleziona se ti serve per : uomo / donna / bambino)

ok uno spunta per esempio il check uomo, preme invio e propongo il risultato della ricerca , ma gli propongo lo stesso form in cui e' gia' checcato il check "uomo".

cosi' puo' fare un'altra ricerca

Ecco il problema e' che pero' io voglio a questo punto che premendo su un tasto, TUTTI i campi vengano resettati, cioe' il form deve avere nulla checcato, e pure il check uomo/donna bambino.

Purtroppo non riesco a far si che il check uomo/donna/bambino (di base gia' impostato su uomo), venga resettato...

ecco il codice html

codice:
<form name="form1" id="form1">
<input id="destinatario" name="destinatario" type="radio" value="U" checked> 
Per Uomo

<input id="destinatario" name="destinatario" type="radio" value="D" > 
Per Donna

<input id="destinatario" name="destinatario" type="radio" value="B" > 
Per Bambino

<input type="button" name="azzera" id="azzera" value="Azzera" onClick="pulisci(this.form);">
</form>
<script>
function pulisci(theForm)
{
alert("resetto ma non funziona !!!");
theForm.destinatario[0].checked = false;
theForm.destinatario[1].checked = false;
theForm.destinatario[2].checked = false;

}
</script>

come vedete io ho il check UOMO selezionato, ma non lo seleziono io a mano, lo trovo gia' cosi'.

io vorrei che con un tasto e una funzione javascript, possa far si che nessuno dei 3 check sia spuntato...

ho provato con il seguente script, ma non funziona



codice:
<script> function pulisci(theForm) { 
alert("resetto ma non funziona !!!");	
theForm.destinatario[0].checked = false; 	
theForm.destinatario[1].checked = false; 	
theForm.destinatario[2].checked = false;
}
</script>