Disabilitare invio form e contare checkbox

**dydale** · 30-01-2010, 00:17

Non ho mai usato javascript quindi non so da dove iniziare.
In una pagina ho un numero variabile di checkbox (derivanti da un db), vorrei fare in modo che l'utente selezioni 5 checkbox prima di inviare. Se ne seleziona di più o di meno, vorrei disabilitare il tasto invio.

Ci sarebbe anche un'altra cosa che mi piacerebbe fare... ma forse diventa troppo difficile... mostare nella pagina anche il numero di checkbox selezionati fino ad ora (se avete facebook... come quando inviate gli inviti a qualche applicazione ai vostri amici).

Troppo difficile? Io sono riuscito solo a contare i checkbox ed eventualmente far apparire un alert se ne seleziono 6...

Grazie
Ale

**cavicchiandrea** · 30-01-2010, 01:09

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Conta box</title>
<script type="text/javascript">
<!--
function ContaBox(){
var count=0;
var box = document.getElementsByTagName("input")
for(var i=0; i<box.length; i++){
if(box[i].type=="checkbox" && box[i].checked){
count++;}
document.getElementById("conta").innerHTML=count;
if(count!=5){
document.getElementById("invia").setAttribute("disabled","disabled");
}else{document.getElementById("invia").removeAttribute("disabled");
}
}
}
onload=function(){ContaBox();}

//-->
</script>
</head>

<body>
<h1 style="text-align:center"> Form box </h1>
<form name="form1" action="" id="form1" onsubmit="InviaMail();return false;
" method="post" enctype="text/plain">



  <input type="checkbox" name="b1" id="b1" onclick="ContaBox()" /> 
  box1
  <input type="checkbox" name="b2" id="b2" onclick="ContaBox()" /> 
  box2
  <input type="checkbox" name="b3" id="b3" onclick="ContaBox()" /> 
  box3
  <input type="checkbox" name="b4" id="b4" onclick="ContaBox()" /> 
  box4
  <input type="checkbox" name="b5" id="b5" onclick="ContaBox()" /> 
  box5
  <input type="checkbox" name="b6" id="b6" onclick="ContaBox()" /> 
  box6
</p>

<div id="conta"></div>
<input name="invia" id="invia" type="submit" value="Invia" /></form>
</body>
</html>

**dydale** · 30-01-2010, 09:21

Sei un mito

Discussione: Disabilitare invio form e contare checkbox

Strumenti discussione

Ricerca discussione

Visualizza

Disabilitare invio form e contare checkbox

Permessi di invio