JAVASCRIPT : come posso resettare un radiobox di un form?

[billy1]

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

<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

<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>

[Vindav]

se devi semplicemente resettare tutto puoi utilizzare il bottone reset

<input type="reset" ...

[cavicchiandrea]

Assegna un id diverso ad ogni radio, l'id deve essere univoco, cosi facendo dovrebbe funzionare

[billy1]

Originariamente inviato da cavicchiandrea
Assegna un id diverso ad ogni radio, l'id deve essere univoco, cosi facendo dovrebbe funzionare

ok ma a me il form serve cosi', cioe' a scelta univoca...

[cavicchiandrea]

Originariamente inviato da billy1
ok ma a me il form serve cosi', cioe' a scelta univoca...

Frase non capita, comunque i campi devono essere cosi:

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

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

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

<input type="button" name="azzera" id="azzera" value="Azzera" onClick="pulisci(this.form);">
</form>

altrimenti potresti avere problemi d'interpretazione dell'elemento da parte dei browser.

[billy1]

Originariamente inviato da cavicchiandrea
Frase non capita, comunque i campi devono essere cosi:

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

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

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

<input type="button" name="azzera" id="azzera" value="Azzera" onClick="pulisci(this.form);">
</form>

altrimenti potresti avere problemi d'interpretazione dell'elemento da parte dei browser.

ho provato ma non funziona uff...

[cavicchiandrea]

prova cosi:

<script> function pulisci() { 	
document.form1.destinatario[0].checked = false; 	
document.form1.destinatario[1].checked = false; 	
document.form1.destinatario[2].checked = false;
}
</script>

o cosi:

<script> function pulisci() { 	
document.getElementById('Uomo').removeAttribute('checked'); 	
document.getElementById('Donna').removeAttribute('checked'); 	
document.getElementById('Bambino').removeAttribute('checked'); 
}
</script>

Se continua a non andare posta un link alla pagina demo pubblica (pagina esempio online) perché i motivi del non funzionamento sono da ricercarsi al trove.

[billy1]

Originariamente inviato da cavicchiandrea
prova cosi:

<script> function pulisci() { 	
document.form1.destinatario[0].checked = false; 	
document.form1.destinatario[1].checked = false; 	
document.form1.destinatario[2].checked = false;
}
</script>

o cosi:

<script> function pulisci() { 	
document.getElementById('Uomo').removeAttribute('checked'); 	
document.getElementById('Donna').removeAttribute('checked'); 	
document.getElementById('Bambino').removeAttribute('checked'); 
}
</script>

Se continua a non andare posta un link alla pagina demo pubblica (pagina esempio online) perché i motivi del non funzionamento sono da ricercarsi al trove.

non non funziona uff cioe' se io i nquel form spunto uno dei radio diverso da quello selezionato, con queste istruzioni mi porta alla condizione iniziale cioe' in cui uno di essi e' selezionato... non me li azzera tutti...

[cavicchiandrea]

La prima soluzione funziona perfettamente pagina test

[billy1]

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

<script type="text/javascript">
function pulisci(){ 	
document.form1.sel_UD[0].checked = false; 	
document.form1.sel_UD[1].checked = false; 	
document.form1.sel_OG[0].checked = false;
document.form1.sel_OG[1].checked = false;
}
</script>


<script type="text/javascript"> 

// funzione che controlla che almeno uno di primi campi sia selezionato					
function form1_onsubmit(theForm) {
// non fa nulla qui, e' ok
return (true);  
}

</script> 
</head>
<body>


<center>
<form id="form1" name="form1" action="/ricerca_avanzata_code.asp" language="javascript" method="post" onsubmit="return form1_onsubmit(this)">

<input type="hidden" name="ricerca_fissa" id="ricerca_fissa" value="yes">

	<table bgcolor="#c0c0c0" border="0" bordercolor="#eaeaea" cellpadding="4" cellspacing="0" class="ricerca_avanzata" width="100%">
		<tr>
			<td align="left" bgcolor="#F2F2F2" colspan="2">
			<font color="#000000" face="verdana" size="2">Se desideri applicare 
			un ulteriore filtro a questo risultato, ecco i campi: 
Categoria 
			selezionata: Breil Milano Gioielli
			</font></td>
		</tr>
					
		
		<tr bgcolor="#D6D6D6">
			<td align="left" colspan="1">
			<input id="UD1" name="sel_UD" type="radio" value="U" > Per Uomo
			<input id="UD2" name="sel_UD" type="radio" value="D" checked> Per Donna
			</td>
			<td align="left" colspan="1">
			<input id="OG1" name="sel_OG" type="radio" value="O" > Orologio
			<input id="OG2" name="sel_OG" type="radio" value="G" > Gioiello
			</td>
		</tr>

				
		
		<tr bgcolor="#999999">
			<td align="center" colspan="2">
			<input class="invio_ricerca_annulla" name="annulla" type="reset" value="ANNULLA SELEZIONE" onClick="pulisci(this.form);">
			<input class="invio_ricerca_avanzata_fissa" name="invia" type="submit" value="APPLICA I FILTRI" width="10px">
			</td>
		</tr>
	</table>
</form>
</center>


</body>
</html>

ecco il file... non funziona.... purtroppo