Checked radio button da link

**Sebulba** · 07-02-2011, 18:09

Ciao ragazzi, ho bisogno di un piccolo aiuto:

ho un form con una serie di radio button:

codice:

<td><input type="radio" value="1" name="frase" class="radio" /></td>
<td><input type="radio" value="2" name="frase" class="radio" /></td>
<td><input type="radio" value="3" name="frase" class="radio" /></td>
<td><input type="radio" value="4" name="frase" class="radio" /></td>
......

Vorrei attraverso un link (che poi è un'immagine) annullare la scelta fatta precedentemente sul radio button.

Ho provato con:
onClick="document.getElementById('id_of_your_radio _button').checked = false;"
ma non funziona poichè l'id è univoco e io ho circa 20 radio button...

onClick="document.getElementsByClassName('radio'). checked = false;"
non funziona... perchè?

cosa altro posso provare???
Grazie!

**Vindav** · 07-02-2011, 18:28

Ci sono molti modi per fare ciò che chiedi, uno è questo:

codice:

function deselectAll(){
	var myradio = document.getElementsByClassName('radio');
	for(i=0;i<myradio.length;i++) radio.item(i).checked = false;
}

**Sebulba** · 07-02-2011, 18:44

Ti ringrazio veramente Vindav!

solo che non mi funziona...
Dove sbaglio???

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>

<script>
function deselectAll(){
	var myradio = document.getElementsByClassName('radio');
	for(i=0;i<myradio.length;i++) radio.item(i).checked = false;
}

</script>
</head>

<body>

[img]img/inserisci.gif[/img]

<form >
<input type="radio" value="1" name="frase" class="radio"  />
<input type="radio" value="2" name="frase" class="radio"  />
<input type="radio" value="3" name="frase" class="radio"  />
<input type="radio" value="4" name="frase" class="radio"  />
</form>

</body>
</html>

**TrueLies** · 07-02-2011, 18:48

var myradio = document.getElementsByName('frase');

cioè dovevi riadattare al name che hai dato ai radio. Non ho testato ma a prima vista direi era proprio quello.

**TrueLies** · 07-02-2011, 18:52

scusa la ho testata c'era una svista (radio.item anzichè myradio.item) nel codice di Vindav (abituati alle sviste perchè ne facciamo tutti tutti i giorni!):

codice:

function deselectAll(){
	var myradio = document.getElementsByName('frase');
	for(i=0;i<myradio.length;i++){myradio.item(i).checked = false;};
}

**Sebulba** · 07-02-2011, 18:56

nulla da fare... non funziona, mi sa che oggi ho lavorato troppo.
Ora mi da anche errore la console di FF

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>

<script>
function deselectAll(){
	var myradio = document.getElementsByName('frase');
	for(i=0;i<myradio.length;i++) radio.item(i).checked = false;
}

</script>

</head>
<body>

[img]img/inserisci.gif[/img]

<form >

<input type="radio" value="1" name="frase" class="radio"  />
<input type="radio" value="2" name="frase" class="radio"  />
<input type="radio" value="3" name="frase" class="radio"  />
<input type="radio" value="4" name="frase" class="radio"  />

</form>


</body>
</html>

**Sebulba** · 07-02-2011, 18:57

ok ok ok ora ci siamo...

Grazie veramente ti devo una pizza margherita!
Ciao

Discussione: Checked radio button da link

Strumenti discussione

Ricerca discussione

Visualizza

Checked radio button da link

Permessi di invio