aggiornare numero delle checkbox selezionate

[dogo21sob]

premetto che ho cercato prima tra le "discussioni utili" in rilievo e poi ho effettuato anche una ricerca, ma non sono riuscito a trovare una risposta alla mia domanda... se mi sono sbagliato io, scusatemi...
Ho una pagina con x checkbox (non conosco a priori il numero di queste, in quanto ad ogni checkbox corrisponde una info salvata nel db). Alcune di queste sono già selezionate al caricamento della pagina (l'info su quali checkbox sono selezionate è salvata nel db). Ho infine un campo che mi dice 'Selezionate: y' dove y è il numero delle checkbox selezionate, recuperato dal db. Ora vorrei che quando altre checkbox vengono selezionate o deselezionate si aggiorni automaticamente questo numero senza bisogno di ricaricare la pagina. Come posso fare? :master:

[dogo21sob]

Finora sono riuscito a fare questo:

function conta_selezionate(num,azione) {
	if (num!='') numero = num;
	if (azione=='inc') { numero = numero + 1; }
        if (azione=='dec') { numero = numero - 1; }
	document.getElementById('sel').innerHTML = numero;
}

Non so se è l'approccio corretto, ma funziona... però ci sono un paio di problemi...
se num è 0 non mi stampa niente invece di stamparmi 0... inoltre non so come associare inc e dec ad una checkbox... ho provato ad associare inc all'evento onclick ma così incrementa il contatore sia quando seleziono che quando deseleziono la checkbox

[cavicchiandrea]

Posta il sorgente pagina come la riceve il browser (no php/asp) oppure un link pubblico.

[dogo21sob]

all'applicazione ci sto lavorando in locale ed è collegata ad un db quindi per metterla online ora mi ci vorrebbe un pò, la parte del codice relativa al problema è questa:

<script language="JavaScript">
	function conta_selezionate(num,azione) {
		if (num!='') numero = num;
		if (azione=='inc') { numero = numero + 1; }
		if (azione=='dec') { numero = numero - 1; }
		document.getElementById('sel').innerHTML = numero;
	}
</script>
<li style="width: 13%; text-align:right;">Selezionate: 
	<div id="sel" style="display:inline;">
		<script type="text/javascript">conta_selezionate(0,'stampa');</script>
        </div>

mentre la parte con le checkbox è così:

<li style="width:5%;"><input name='myCheck[0]' type='checkbox' value='1' />
<li style="width:7%;">1
<li style="width:87%;">Info 1

e devo trovare il modo di richiamare conta_selezionate('',inc) quando viene selezionata la checkbox e conta_selezionate('',dec) quando viene deselezionata...
il valore iniziale passato qui:

<script type="text/javascript">conta_selezionate(0,'stampa');</script>

non è sempre zero, ma dipende da una variabile in php, tipo:

<script type="text/javascript">conta_selezionate(<?php echo $selezionate; ?>,'stampa');</script>

[dogo21sob]

Allora, ho modificato lo script così:

<script language="JavaScript">
	function conta_selezionate(num,chi) {
		if (num!='') numero = num;
		if (chi!='') {
			if (chi.checked) { numero = numero + 1; }
			else { numero = numero - 1; }
		}
		document.getElementById('sel').innerHTML = numero;
	}
</script>

e lo richiamo inizialmente con conta_selezionate(<?php echo $selezionate; ?>,'') e poi sull'evento onClick della checkbox così: conta_selezionate('',this) ed ora funziona... resta il problema che se inizialmente passo 0 non stampa nulla e poi nè incremente nè decrementa... come posso ovviare?