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.
