suchen

Heim >Web-Frontend >js-Tutorial >JavaScript-Methode zum Erkennen und Begrenzen der Anzahl ausgewählter Kontrollkästchen

JavaScript-Methode zum Erkennen und Begrenzen der Anzahl ausgewählter Kontrollkästchen

PHPz
PHPzOriginal
2016-05-16 15:45:431264Durchsuche

In diesem Artikel wird hauptsächlich die Methode zur Erkennung und Begrenzung der Anzahl ausgewählter Kontrollkästchen vorgestellt. Es handelt sich um Techniken im Zusammenhang mit der Beurteilung und Bedienung von Kontrollkästchen in JavaScript. Es ist sehr einfach und praktisch Die Details lauten wie folgt:

Hier wird JavaScript verwendet, um festzustellen, ob das Kontrollkästchen aktiviert ist, und kann gleichzeitig die Anzahl der ausgewählten Kontrollkästchen begrenzen Praktisches Beispiel für eine JS-Formularbeurteilung. Ob das Kontrollkästchen aktiviert ist, hat viele Menschen verwirrt. Nun, dieser Code hilft Ihnen, das Problem zu lösen.

Der Screenshot des Laufeffekts lautet wie folgt:

Der spezifische Code lautet wie folgt: 

<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>

Das Obige ist Den gesamten Inhalt dieses Kapitels und weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：JQuery-Code zum Erzielen eines Bildkarusselleffekts (1)_Javascript-KenntnisseNächster Artikel：JQuery-Code zum Erzielen eines Bildkarusselleffekts (1)_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen