十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
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数量