Heim > Web-Frontend > js-Tutorial > Hauptteil

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

PHPz
Freigeben: 2018-09-29 11:20:02
Original
1225 Leute haben es durchsucht

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>
Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage