segunda-feira, 7 de maio de 2001

Numero máximo de checkbox selecionadas.

<html>
<head>
</head>
<body>


Selecione os dois item promocionais.


<script>
 var maximo=3;                                             // aqui vc define o maximo de itens a serem selecionados
 var clicados=new Array(false,false,false,false,false);    // este array deve ter o numero total de checkbox. se vc tiver 20 checkbox, deve colocar 20 valores false
 function itensClicados()                                  // função conta qtas estão marcadas
  {
  var i=0;
  for(var j=0;j<clicados.length;j++)i+=clicados[j]?1:0;
   return(i);
  }
 function itemSelecionado(_v)                              // recebe o item selecionado, compara e desabilita.
  {
    var permissao=true;
    var x=itensClicados();
    if (x>=maximo && !clicados[_v])
     {
      permissao=false;
     }
    else
     {
      clicados[_v]=clicados[_v]?false:true;
   eval("document.form.r"+_v+".clicked=false;");
     }
    return (permissao);
  }
 function enviar()                                         // compara se o numero de checkbox esta no valor solicitado e envia o formulário.
  {
  if (maximo!=itensClicados())
   alert("Selecione até 3 itens por favor");
  else
   document.form.submit();
  }
</script>


<form name=form method=get action=>
<INPUT name=r1 type=checkbox value=1 onclick="return itemSelecionado(1)">Item 1<BR>
<INPUT name=r2 type=checkbox value=2 onclick="return itemSelecionado(2)">Item 2<BR>
<INPUT name=r3 type=checkbox value=3 onclick="return itemSelecionado(3)">Item 3<BR>
<INPUT name=r4 type=checkbox value=4 onclick="return itemSelecionado(4)">Item 4<BR>
<INPUT name=r5 type=checkbox value=5 onclick="return itemSelecionado(5)">Item 4<BR>
<a href=# onClick=enviar(); return false;>enviar</a>
</form>
</body>
</html>



Esta matéria foi postada originalmente no ASP4Developers por Ismael Nobre (site), que na época era "Analista.
Quer me contratar ?
Cel. 96420687". Hoje, vai saber...

0 comentários: