<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>复选框是否被选中</title> <script type="text/javascript" src="jquery-1.3.1.js"></script> </head> <body> <form method="post" action="#"> <input type="checkbox" value="1" name="check" checked="checked"/> <input type="checkbox" value="2" name="check" /> <input type="checkbox" value="3" name="check" checked="checked"/> <input type="button" value="你选中的个数" id="btn"/> </form> </body> <script type="text/javascript"> // //javascript实现 // var Btn=document.getElementById("btn");//获取Btn // Btn.οnclick=function(){ // //alert("已经触发"); // var arr=new Array(); // var checks=document.getElementsByName("check");//获取名为name的数组 // for(var i=0;i<checks.length;i++){ // if(checks[i].checked){ // arr.push(checks[i].value); // } // } // alert("你选中的个数"+arr.length); // } //jquery实现 $(function(){ $("#btn").click(function(){ alert($("input[type=checkbox]:checked").length); }) }) </script> </html>
Jquery与javascript实现复选框选中判断
最新推荐文章于 2024-03-01 09:01:11 发布