recherche

Maison  >  Article  >  interface Web  >  Méthode JavaScript pour détecter et limiter le nombre de cases cochées

Méthode JavaScript pour détecter et limiter le nombre de cases cochées

PHPz
PHPzoriginal
2016-05-16 15:45:431226parcourir

Cet article présente principalement la méthode d'utilisation de JavaScript pour détecter et limiter le nombre de cases à cocher sélectionnées. Il implique des techniques liées au jugement et au fonctionnement des cases à cocher en JavaScript. C'est très simple et pratique. Les amis qui en ont besoin peuvent. référez-vous à lui. Les détails sont les suivants :

Ici, JavaScript est utilisé pour déterminer si la case à cocher est cochée, et en même temps, il peut limiter le nombre de cases à cocher sélectionnées. exemple pratique de jugement de formulaire JS. La question de savoir si la case à cocher est cochée a intrigué de nombreuses personnes. Eh bien, ce code vous aide à résoudre le problème.

La capture d'écran de l'effet en cours d'exécution est la suivante :

Le code spécifique est le suivant : 

<html>
<head>
<title>判断复选框中否选中</title>
<script>
var check_num = 0;
function check(){ 
 if(event.srcElement.checked==true)
  check_num++;
 else 
  check_num--;   
 if(check_num>3)
 {
  alert("最多只能选3个！");
  event.srcElement.checked=false;
  check_num--;
 }  
}
</script>
</head>
<body>
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<br>
你只能选择3个复选框。
</body>
</html>

Ce qui précède est l'intégralité du contenu de ce chapitre, d'autres didacticiels connexes. Veuillez visiter le Tutoriel vidéo JavaScript !

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Code Jquery pour obtenir un effet carrousel d'images (1)_compétences javascriptArticle suivant：Code Jquery pour obtenir un effet carrousel d'images (1)_compétences javascript

Articles Liés

Voir plus