verifica checkbox

[blob696]

Non riesco a trovare una guida che mi spieghi come effettuare dei controlli javascript nei checkbox affinchè siano tutti spuntati e in caso negativo al cliccare del bottone appaia l'alert che avvisi quale checkbox non è spuntato.


Il codice html del form è il seguente

<form id="form1" name="form1" method="post" action="pagina1.php">
     


        <input name="checkbox_1" type="checkbox" value="checkbox_1" /> ho visionato la pagina 1
        


        <input name="checkbox_2" type="checkbox" value="checkbox_2" /> ho visionato la pagina 2
       


        <input name="checkbox_3" type="checkbox" value="checkbox_3" /> ho visionato la pagina 3
        
   


<input type="submit" name="invia_modulo" id="invia_modulo" value="invia il modulo" />

    </form>

chi mi aiuta?

saluti

Giuseppe

[Xinod]

function verifyCheckboxes(f){
  var fEls=f.elements,valid=true;
  for(var k=0,l=fEls.length;k<l;++k){
    if(fEls[k].type=='checkbox' && !fEls[k].checked) valid=false;
  }
  return valid
}

<form ... onsubmit="return verifyCheckboxes(this)">

[Xinod]

ah, l' alert

Originariamente inviato da Xinod

function verifyCheckboxes(f){
  var fEls=f.elements,valid=true;
  for(var k=0,l=fEls.length;k<l;++k){
    if(fEls[k].type=='checkbox' && !fEls[k].checked){
      valid=false;
      var invalidCheck=fEls[k].value.spit('_')[1];
      alert("il checkbox numero "+invalidCheck+" non e' segnato");
      break;
    }
  }
  return valid
}

<form ... onsubmit="return verifyCheckboxes(this)">

[blob696]

Ti ringrazio per la risposta


Scusa, ma di javascript sono proprio negato.

Molto probabilmente dovrò mettere qualche riferimento alla funzione, nei tag checkbox del form, perchè cosi come l'ho inserito non va.

 <script language="javascript">   <!--
function verifyCheckboxes(f){
  var fEls=f.elements,valid=true;
  for(var k=0,l=fEls.length;k<l;++k){
    if(fEls[k].type=='checkbox' && !fEls[k].checked){
      valid=false;
      var invalidCheck=fEls[k].value.spit('_')[1];
      alert("il checkbox numero "+invalidCheck+" non e' segnato");
      break;
    }
  }
  return valid
}

 //-->
</script>


<form id="form1" name="form1" method="post" action="pagina1.php" onsubmit="return verifyCheckboxes(this)" >
     


        <input name="checkbox_1" type="checkbox" value="checkbox_1" /> ho visionato la pagina 1
        


        <input name="checkbox_2" type="checkbox" value="checkbox_2" /> ho visionato la pagina 2
       


        <input name="checkbox_3" type="checkbox" value="checkbox_3" /> ho visionato la pagina 3
        
   


<input type="submit" name="invia_modulo" id="invia_modulo" value="invia il modulo" />

    </form>

ciao, Giuseppe