Maison > interface Web > js tutoriel > le corps du texte

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

PHPz
Libérer: 2018-09-29 11:20:02
original
1225 Les gens l'ont consulté

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>
Copier après la connexion

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 !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal