input type="checkbox" value="1111"/1
创新互联公司"三网合一"的企业建站思路。企业可建设拥有电脑版、微信版、手机版的企业网站。实现跨屏营销，产品发布一步更新，电脑网络+移动网络一网打尽，满足企业的营销需求！创新互联公司具备承接各种类型的网站设计、做网站项目的能力。经过10年的努力的开拓，为不同行业的企事业单位提供了优质的服务，并获得了客户的一致好评。
input type="checkbox" value="2222"/2
input type="checkbox" value="3333"/3
input type="checkbox" value="4444"/4
input type="checkbox" value="5555"/5
input type="checkbox" value="6666"/6
input type="button" id="test" value="Click Me"/
Script
$(function(){
$("#test").on("click",function(){
var ichk=$("input:checkbox:checked").map(function(){
return $(this).val();
}).get().join(",");
alert(ichk);
})
})
/Script
1．HTML结构
input type = "checkbox" name = "test" value = "1" / span 1 / span
input type = "checkbox" name = "test" value = "2" / span 2 / span
input type = "checkbox" name = "test" value = "3" / span 3 / span
input type = "checkbox" name = "test" value = "4" / span 4 / span
input type = "checkbox" name = "test" value = "5" / span 5 / span
2．Javascript代码：
函数show（）｛
Obj文件。getElementsByName（“测试”）；
Check＿val＝［］；
For（kinobj）｛
如果（obj［k］。检查）
Check＿val。Push（obj［k］。值）；
｝
警报（check＿val）；
｝
扩展资料：
JQuery对复选框的各种操作：
1．根据id获取复选框：
＄（＂＃cbCheckbox1＂）；
2．得到所有的复选框：
＄（＂input［type＝＇checkbox＇］＂）；／／或
＄（＂input［name＝＇cb＇］＂）；
3．获得所有选中的复选框：
＄（＂input：thecheckboxchecked＂）；／／或
＄（＂input：［type＝＇checkbox＇］：checked＂）；／／或
＄（＂input［type＝＇checkbox］：checked＂）；／／或
＄（＂input：［name＝＇ck＇］：checked＂）；
!DOCTYPE html
html
head
meta charset="UTF-8" /
titleHTML5/title
/head
body
form action=""
input class="h5course-com" id="h5courseCom1" type="checkbox" /
label for="h5courseCom1"HTML5学堂，一个神奇的网站/label
input class="h5course-com" id="h5courseCom2" type="checkbox" checked/
label for="h5courseCom2"h5course-com/label
input class="h5course-com" id="h5courseCom3" type="checkbox" /
label for="h5courseCom3"h5course-cn/label
input class="h5course-com" id="h5courseCom4" type="checkbox" /
label for="h5courseCom4"h5course-cn/label
input class="h5course-com" id="h5courseCom5" type="checkbox" checked/
label for="h5courseCom5"h5course-cn/label
/form
script src="jquery-1.11.3.min.js" type="text/javascript"/script
script type="text/javascript"
alert('选中了这么多个：' + $('input[type=checkbox]:checked').length);
/script
/body
/html
看看上面的案例，引入jQuery，可以直接运行看效果。
通过jquery过滤器:checked方式获取所有选中的checkbox
1、定义页面checkbox框,代码如下：
body
input type='checkbox'/
input type='checkbox'/
input type='checkbox'/
/body
2、通过jquery过滤器选择选中的checkbox，代码如下：
var chks=$("input:checked");//获取所有选中的checkbox,chks是一个元素数组
3、通过chks的长度知道多少被选中，代码如下：
var len = chks.length;//选中的checkbox数量
扩展资料
jQuery语言的特点：
1、快速获取文档元素
jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。
2、提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。
3、创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如PHP网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。
4、提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等操作。
5、增强的事件处理
jQuery提供了各种页面事件，它可以避免程序员在HTML中添加太事件处理代码，最重要的是，它的事件处理器消除了各种浏览器兼容性问题。
6、更改网页内容
jQuery可以修改网页中的内容，比如更改网页的文本、插入或者翻转网页图像，jQuery简化了原本使用JavaScript代码需要处理的方式。
参考资料：百度百科-jQuery
通过jquery过滤器:checked方式获取所有选中的checkbox
1、定义页面checkbox框
body
input type='checkbox'/
input type='checkbox'/
input type='checkbox'/
/body
2、通过jquery过滤器选择选中的checkbox
var chks=$("input:checked");//获取所有选中的checkbox,chks是一个元素数组
3、通过chks的长度知道多少被选中
var len = chks.length;//选中的checkbox数量
重庆分公司
重庆分公司
