Méthode JavaScript pour déterminer le nombre de cases à cocher sélectionnées dans un formulaire

Méthode JavaScript pour déterminer le nombre de cases à cocher sélectionnées dans un formulaire_javascript skills

WBOY

Libérer： 2016-05-16 15:44:44

original

1341 Les gens l'ont consulté

L'exemple de cet article décrit comment utiliser JavaScript pour déterminer le nombre de cases à cocher sélectionnées dans un formulaire. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

JavaScript est utilisé ici pour détecter et déterminer le nombre de cases à sélection multiple sélectionnées dans le formulaire, c'est-à-dire le nombre de cases à cocher sélectionnées. Dans le passé, cette question était souvent posée par les principaux forums, car la détection des cases à cocher ne l'était pas. aussi bon que de détecter les boîtes de saisie. C'est simple, surtout à en juger le nombre est souvent rencontré, donc je pense que ce code Js est toujours très utile. Si vous êtes intéressé, vous pouvez l'améliorer.

L'effet de l'opération est comme indiqué ci-dessous :

L'adresse de la démo en ligne est la suivante :

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

Le code spécifique est le suivant :

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

Copier après la connexion

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.