关于jQuery方法输出的实例代码

来源：动视网责编：小采时间：2020-11-27 20:17:56

关于jQuery方法输出的实例代码

关于jQuery方法输出的实例代码:每选中一个多选框，输出有多少个选中<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script

推荐度：

点击下载本文 文档为doc格式

导读关于jQuery方法输出的实例代码:每选中一个多选框，输出有多少个选中<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script

每选中一个多选框，输出有多少个选中

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

关于jQuery方法输出的实例代码

关于jQuery方法输出的实例代码:每选中一个多选框，输出有多少个选中<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script

推荐度：

点击下载本文 文档为doc格式

标签：方法返回代码

热门焦点

关于jQuery方法输出的实例代码

关于jQuery方法输出的实例代码

关于jQuery方法输出的实例代码

最新推荐

猜你喜欢

热门推荐