COCHER UN NOMBRE LIMITÉ DE CASES (CHECKBOX) DANS UN FORMULAIRE

<!-- DEBUT SCRIPT CASE A COCHER LIMITEE -->
<!-- JS-Examples - http://www.js-examples.com/-->      
<script type="text/javascript" language="JavaScript">
var MAX_ALLOWED=2;
var clickedData=new Array(false,false,false,false);
function itemsClicked(){var i=0;for(var j=0;j<clickedData.length;j++)i+=clickedData[j]?1:0;return(i);}
function itemClicked(_v)
{
  var ALLOW_THIS=true;
  var x=itemsClicked();
  if (x>=MAX_ALLOWED && !clickedData[_v])
  {
    ALLOW_THIS=false;
  }
  else
  {
    clickedData[_v]=clickedData[_v]?false:true;
	eval("document.formulaire.r"+_v+".clicked=false;");
  }
  return (ALLOW_THIS); /* kill the event handler */
  
}
   </script>

<form name="formulaire">
<INPUT name=r0 type=checkbox value=valeur1 onclick="return itemClicked(0)">Case 1  
<INPUT name=r1 type=checkbox value=valeur2 onclick="return itemClicked(1)">Case 2  
<INPUT name=r2 type=checkbox value=valeur3 onclick="return itemClicked(2)">Case 3  
<INPUT name=r3 type=checkbox value=valeur4 onclick="return itemClicked(3)">Case 4
<!-- FIN SCRIPT CASE A COCHER LIMITEE -->
</form>

17 mai 2007 17:04:51 :

Petite correction très justement soulignée dans un commentaire de edigger: les checkboxes ont été renommées de r0 à rn et le script appelle désormais itemClicked(0) à itemClicked(n).