recherche

Maison >interface Web >js tutoriel >Méthode JavaScript pour déterminer le nombre de cases à cocher sélectionnées dans un formulaire_javascript skills

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

WBOY
WBOYoriginal
2016-05-16 15:44:441384parcourir

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>

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

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Diaporama jQuery avec code d'effet carrousel de miniatures Sharing_jqueryArticle suivant：Diaporama jQuery avec code d'effet carrousel de miniatures Sharing_jquery

Articles Liés

Voir plus