< script src= "js/jquery.1.1.1.js?1.1.11"> Document < script src= "js/jquery.1.1.1.js?1.1.11">
recherche

Maison >interface Web >js tutoriel >Exemple de code sur la sortie de la méthode jQuery

Exemple de code sur la sortie de la méthode jQuery

零下一度
零下一度original
2017-06-29 13:43:451145parcourir

Pour chaque case à sélection multiple sélectionnée, indiquez combien sont sélectionnées

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery.1.1.1.js?1.1.11">
</script><script> $(function () {             
function countChecked() {var n=$("#form1 input[type=checkbox]:checked").length;
                
                $("div:first").html("有"+n+"个checkbox被选中");
            }
            $("#form1 input[type=checkbox]").click(countChecked);//每选一个框调用一次函数，不带括号
         })
         </script></head><body><form action="" id="form1">
         <input type="checkbox" name="newsletter" checked="checked" value="test1" />
         test1<input type="checkbox" name="newsletter" value="test2" />
         test2<input type="checkbox" name="newsletter" value="test3" />
         test3<input type="checkbox" name="newsletter" checked="checked" value="test4" />
         test4<input type="checkbox" name="newsletter" value="test5" />
         test5<div>
         </div>
         </form>
         </body>
         </html>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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：Exemple de tutoriel de liste déroulante de sélection jQueryArticle suivant：Exemple de tutoriel de liste déroulante de sélection jQuery

Articles Liés

Voir plus