contare checkbox

[tespiego]

ciao, io ho piu checkbox chiamati per esempio:
<input type="checkbox" name="pf1" id="pf1" value="pippo">
<input type="checkbox" name="pf2" id="pf2" value="pluto">
<input type="checkbox" name="pf3" id="pf3" value="topolino">
<input type="checkbox" name="pf4" id="pf4" value="minni">

vorrei contare con javascript quanti di questi sono selezionati,come si fa?

[Mich_]

function contacheckbox(ff) {
// ff contiene l'oggetto form
var conto = 0;
for(var i=0; i<ff.elements.length; i++) {
  var el = ff.elements[i];
  if(el.type == 'checkbox') {
    if(el.checked) conto++;
  }
}
alert("ci sono "+conto+" checkbox selezionati");
}

[maurocoviello]

Ciao a tutti,
Mi trovo anche io a dover fare una cosa simile. Però non so qunati checkbox ci sono. Usando forms.elements.lenght mi restituisce undefined se c'é una sola checkbox. Come potrei risolvere il problema?
E' possibile intercettare se forms.elements.lenght mi restituisce undefined.

Spero di essermi spiegato
Grazie

[Mich_]

function contacheckbox(ff) {       // ff contiene il valore dell'attributo id del form
  var inpt = document.getElementById(ff).getElementsByTagName('input');
  var conto=0;
  for(var i=0; i<inpt.length; i++) {
    if(inpt[i].type == 'checkbox') conto++;
  }
  alert("ci sono "+conto+" checkbox");
}

Nota che in questo caso si contano tutti i checkbox, non solo quelli selezionati

[maurocoviello]

Il mio problema è che ciclo tutti i checkbox e tramite forms.elements.nomecheckbox.lenght recupero il numero di checkbox presenti. Però se c'é una sola checkbox forms.elements.nomecheckbox.lenght mi restituisce undefined.
Ora ho fatto una prova e sembra funzionare:
se forms.elements.nomecheckbox.value mi restituisce undefined significa che c'é più di una checkbox e faccio un ciclo per tutte le checkbox. Se c'é una sola checkbox forms.elements.nomecheckbox.value mi restituisce il valore della checkbox.

[Mich_]

Ma perche` continui ad usare tecniche da HTML2? Potresti trovare browser che non supportano quel linguaggio.

Il mio consiglio e` di usare gli strumenti del DOM, che sono supportati da tutti i browser (salvo forse NN4 e IE5.0).

[maurocoviello]

Grazie, come potrei applicare gli strumenti del DOM in questio caso? Puoi farmi un esempio? Grazie