Radio che non seleziona massivamente più radio.

**maximum** · 15-06-2004, 12:04

In questo codice:

codice:

<html>
<head>
<title>Prova</title>
<!--
//per selezionare tutte i radioButton
function CheckAllApprova() {
alert("1");
	for (var i=0;i<document.form_prova.elements.length;i++) {
	alert("2");
		var e = document.form_prova.elements[i];
		if ((e.name != 'allbox') && (e.type=='radio')) {
			alert("3");
			e.checked = document.form_prova.allbox.checked;
		}
	}
}
</head>
<body>
<form name="form_prova">
<table>
<tr>
<td>
Seleziona tutto <input type="radio" name="allbox" onClick="javascript:CheckAllApprova();">
</td>
</tr>
<tr>
<td>
Scelta 1 <input type="radio" name="scelta1">
</td>
</tr>
<tr>
<td>
Scelta 2 <input type="radio"  name="scelta2">
</td>
</tr>
<tr>
<td>
Scelta 3 <input type="radio" name="scelta3">
</td>
</tr>
</form>
</body>
</html>

Cliccando su "Seleziona tutto" i 3 radiobutton in lista non vengono selezionati.
Come mai? :master:

P.S.:Non viene eseguita neanche la prima alert!!!!!!!!

**Mich_** · 15-06-2004, 12:16

Alcune domande:
I JS sono abilitati nel browser ?
Lo spazio tra java e script e` un artefatto del forum ?
La funzione e` racchiusa tra i tag <script ...> e </script> ?

**maximum** · 15-06-2004, 12:47

Risolto.
Il problema era la "stupida" dimenticanza dei tag <script></script>

**maximum** · 15-06-2004, 17:00

Problemuccio!!!!

In questo codice quando clicco sul radioButton generico, lui seleziona la seconda serie di radioButton, invece vorrei che selezionasse solamente la prima.

codice:

<html>
<head>
<title>Prova</title>
<script language="javascript">
//per selezionare tutte i radioButton
function CheckAllApprova() {
	for (var i=0;i<document.form_prova.elements.length;i++) {
		var e = document.form_prova.elements[i];
		if ((e.name != 'allbox') && (e.type=='radio')) {			
			e.checked = document.form_prova.allbox.checked;
		}
	}
}
</script>
</head>
<body>
<form name="form_prova">
<table>
<tr>
<td>
Seleziona tutto <input type="radio" name="allbox" onClick="javascript:CheckAllApprova();">
</td>
</tr>
<tr>
<td>
Approvato 1 <input type="radio" name="statoApprovazione1">
Rifiutato 1 <input type="radio" name="statoApprovazione1">
</td>
</tr>
<tr>
<td>
Approvato 2 <input type="radio" name="statoApprovazione2">
Rifiutato 2 <input type="radio" name="statoApprovazione2">
</td>
</tr>
<tr>
<td>
Approvato 3 <input type="radio" name="statoApprovazione3">
Rifiutato 3 <input type="radio" name="statoApprovazione3">
</td>
</tr>
</form>
</body>
</html>

HELP!!!

**Mich_** · 15-06-2004, 17:05

Non puoi chiaramente selezionare tutti i radio. I radio con lo stesso nome sono elementi mutualmente escludentesi.
Quindi la cosa andrebbe un attimo rivista.

Comunque potresti provare con:
e[0].checked = document.form_prova.allbox.checked;

che si avvicina di piu` a quello che vuoi, ma ancora necessita di aggiustamenti

**maximum** · 15-06-2004, 17:33

Per farla breve esiste da qualche parte uno script adatto alle mie esigenze?

**Mich_** · 15-06-2004, 17:58

Si puo` farlo:

codice:

function CheckAllApprova() {
  var ff = document.form_prova;
  var stat = ff.allbox[0].checked ? 0 : 1;
  for (var i=0; i<ff.length;i++) {
    if(ff.elements[i].name.substr(0,9) == "statoAppr") {
      var ee = ff.elements[i];
      ee[stat].click();
    }
  }
}

Riesci a seguirne la logica?

naturalmente il radio allbox deve essere una coppia, (uno per abilitare ed uno per disabilitare):
Seleziona tutto <input type="radio" name="allbox" onclick="CheckAllApprova();">
Deseleziona tutto <input type="radio" name="allbox" onclick="CheckAllApprova();">

Discussione: Radio che non seleziona massivamente più radio.

Strumenti discussione

Ricerca discussione

Visualizza

Radio che non seleziona massivamente più radio.

Permessi di invio