suchen

Heim  >  Artikel  >  Web-Frontend  >  JavaScript-Methode zur Bestimmung der Anzahl ausgewählter Kontrollkästchen in einem Formular_Javascript-Fähigkeiten

JavaScript-Methode zur Bestimmung der Anzahl ausgewählter Kontrollkästchen in einem Formular_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:44:441348Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie Sie mithilfe von JavaScript die Anzahl der in einem Formular ausgewählten Kontrollkästchen ermitteln. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

JavaScript wird hier verwendet, um die Anzahl der ausgewählten Mehrfachauswahlfelder im Formular zu erkennen und zu bestimmen, d So gut wie das Erkennen von Eingabefeldern, insbesondere die Beurteilung der Anzahl, ist dieser Js-Code meiner Meinung nach immer noch sehr nützlich. Wenn Sie interessiert sind, können Sie ihn verbessern.

Der Betriebseffekt ist wie folgt:

Die Online-Demo-Adresse lautet wie folgt:

http://demo.jb51.net/js/2015/js-checkbox-chk-num-codes/

Der spezifische Code lautet wie folgt: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>检测表单多选框的选择个数</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<script language="javascript">
<!--
function anyCheck(form) {
var total = 0;
var max = form.ckbox.length;
for (var idx = 0; idx < max; idx++) {
if (eval("document.playlist.ckbox[" + idx + "].checked") == true) {
  total += 1;
  }
}
alert("您选择了 " + total + " 个选项！");
}
//-->
</script>
<form method="post" name="playlist">
1<input type="checkbox" name="ckbox" value="1">
2<input type="checkbox" name="ckbox" value="2">
3<input type="checkbox" name="ckbox" value="3">
4<input type="checkbox" name="ckbox" value="4">
5<input type="checkbox" name="ckbox" value="5">
6<input type="checkbox" name="ckbox" value="6">
<br><input type="button" value="检测选择个数" onClick="anyCheck(this.form)">
</form>
</body>
</html>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

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-Diashow mit Miniaturbild-Karussell-Effektcode „sharing_jquery“.Nächster Artikel：jQuery-Diashow mit Miniaturbild-Karussell-Effektcode „sharing_jquery“.

In Verbindung stehende Artikel

Mehr sehen