Contatore checkbox spuntati

**mariosuper_94** · 23-07-2011, 01:06

Salve a tutti,
ho trovato uno script che mi conta tutti i checkbox spuntati, ma dovrei fare una piccola modifica che non sono in grado di fare non conoscendo praticamente del tutto lo javascript. Lo script e' il seguente:

<SCRIPT LANGUAGE="JavaScript">
function anyCheck(form) {
var total = 0;
var max = form.ckbox.length;
for (var idx = 0; idx < max; idx++) {
if (eval("document.playlist.ckbox[" + idx + "].checked") == true) {
total += 1;
}
}
alert("You selected " + total + " boxes.");
}
// End -->
</script>

</HEAD>

<BODY>

<form method="post" name=playlist action=''>

2<input type=checkbox name="ckbox[]" value=2 onClick="anyCheck(this.form)">

3<input type=checkbox name=ckbox[] value=3 onClick="anyCheck(this.form)">

4<input type=checkbox name=ckbox[] value=4 onClick="anyCheck(this.form)">

<input type=submit value="Count Checkboxes">
</form>

<center>

Lo script funziona perfettamente se invece di <input type=checkbox name="ckbox[]" value=2 onClick="anyCheck(this.form)"> mettessi <input type=checkbox name="ckbox" value=2 onClick="anyCheck(this.form)">. Ma a me servono necessariamente le due parantesi quadre, infatti mi serve che le checkbox vengano riconosciute come un array per far girare il successivo script in php. Penso che i problemi siano in queste due righe:

var max = form.ckbox.length;
if (eval("document.playlist.ckbox[" + idx + "].checked") == true) {

ho provato a sostituire var max = form.ckbox.length; con var max = form.ckbox[].length; ma il sistema mi riconosce un errore. Inoltre se fosse possibile, non vorrei un alert a segnalarmi il numero di checkbox spuntati, ma vorrei un semplice iinput=text se fosse possibile.
Ringrazio l'anima/e pia che mi vorra'/vorranno aiutare.

**carlomarx** · 23-07-2011, 01:36

Era scritto malissimo… Cmq ci avevi azzeccato

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Pagina vuota</title>
<script type="text/javascript">
function anyCheck(oForm) {
	for (var iChBx = 0, nCount = 0, nChBxs = oForm["ckbox[]"].length; iChBx < nChBxs; iChBx++) {
		if (oForm["ckbox[]"][iChBx].checked) { nCount += 1; }
	}
	alert("You selected " + nCount + " boxes.");
}
</script>
</head>

<body>
<form method="post" name="playlist" action="">
<fieldset>
<legend>Conta checkbox</legend>


2<input type="checkbox" name="ckbox[]" value="2" onclick="anyCheck(this.form);">

3<input type="checkbox" name="ckbox[]" value="3" onclick="anyCheck(this.form);">

4<input type="checkbox" name="ckbox[]" value="4" onclick="anyCheck(this.form);"></p>


<input type="submit" value="Count Checkboxes"></p>
</fieldset>
</form>
</body>
</html>

**mariosuper_94** · 23-07-2011, 11:40

Ti ringrazio per la riscrittura dello js. Invece di un allert si puo' definire una var e farla leggere successivamente nella value di un input text??

Grazie comunque tanto

**mariosuper_94** · 23-07-2011, 14:31

Simile a questo

Infatti il totale me lo restituisce come testo in fondo alla pagina. Grazie

**carlomarx** · 23-07-2011, 16:59

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Pagina vuota</title>
<script type="text/javascript">
function anyCheck(oField) {
	for (var iChBx = 0, nCount = 0, sName = oField.name, oForm = oField.form, nChBxs = oForm[sName].length; iChBx < nChBxs; iChBx++) {
		if (oForm[sName][iChBx].checked) { nCount++; }
	}
	return nCount;
}
</script>
</head>

<body onload="document.playlist.total.value=anyCheck(document.playlist['ckbox[]'][0]);">
<form method="post" name="playlist" action="#">
<fieldset>
<legend>Conta checkbox</legend>


<input type="checkbox" name="ckbox[]" value="tizio" onclick="this.form.total.value=anyCheck(this);" id="tuoId1" /> <label for="tuoId1">primo valore</label>

<input type="checkbox" name="ckbox[]" value="caio" onclick="this.form.total.value=anyCheck(this);" id="tuoId2" /> <label for="tuoId2">secondo valore</label>

<input type="checkbox" name="ckbox[]" value="sempronio" onclick="this.form.total.value=anyCheck(this);" id="tuoId3" /> <label for="tuoId3">etc. etc.</label>

Numero di checkbox selezionate: <input type="text" name="total" size="2" readonly /></p>


<input type="submit" value="Count Checkboxes"></p>
</fieldset>
</form>
</body>
</html>

**mariosuper_94** · 25-07-2011, 16:02

Grazie sei stato veramente utile e preciso. Ti ringrazio enormemente

Discussione: Contatore checkbox spuntati

Strumenti discussione

Ricerca discussione

Visualizza

Contatore checkbox spuntati

Permessi di invio