Case grisé javascript

Bonjour,

J'ai une petit souci depuis quelque jour je cherche mais je trouve pas de solution

j'ai trouver sur un forum ce script a insérer dans un formulaire pour grisé après un nombre de case precis comme la j'ai autorisé a cocher que 6 case j'ai testé et il fonctionne .

<script type="text/javascript">
  function coche(){
   var compteur=0;
    var liste = document.forms["casesacocher"].elements["case"];
    for (var i = 0; i < liste.length; i++) {
    if (liste[i].checked){
     compteur=compteur+1;
     }
      if (compteur==6){
     alert("ok" );
     compteur=0;
     }
   }
   }
   </script>

html

<form name="casesacocher" id="casesacocher" action="">
 
   <input name="case"  type="checkbox"  onclick="coche();"/>
   <input name="case"  type="checkbox" onclick="coche();" />
 <input name="case" type="checkbox"  onclick="coche();" />
    <input name="case"  type="checkbox"  onclick="coche();" />
   <input type="button" name="valider" id="valider"  value="choisir" />
    </form>

mais le souci c'est que pour sa utilise pour case name="case" dans dans mon input :

var liste = document.forms["casesacocher"].elements["case"];

ce que je voudrais savoir c'est comment faire pour que sa utilise un id ou autre que name

don je me sert deja dans mon formulaire pour mes checkbox pour savoir quel case a etait cocher .

Merci d'avance de vos réponse ou idee.

stomy