设为首页
|
加入收藏
您好,欢迎来到点滴吧!
手机版
www.diandiba.com
记录点点滴滴,尽在点滴吧
文章
文章
特效
素材
景点
首页
手机
建站
源码
服务器
生活
常识
健康
美食
美容
旅游
景点
攻略
游记
特产
知识
笑话
名句
散文
故事
编程
ASP
PHP
.NET
SQL
软件
Office
QQ
Photoshop
特效
幻灯片
图片相册
播放器
素材
图片
PSD素材
网页模板
您现在的位置:
首页
>
幻灯片
> 特效详情
JS、jQuery分别获取选中的复选框值
更新时间:2015/7/14 17:30:13 下载:6715次
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> </style> <title>JS获取复选框被选中的值</title> </head> <body> <input type="checkbox" name="aihao" value="0" />0   <input type="checkbox" name="aihao" value="1" />1   <input type="checkbox" name="aihao" value="2" />2   <input type="checkbox" name="aihao" value="3" />3   <input type="checkbox" name="aihao" value="4" />4   <input type="checkbox" name="aihao" value="5" />5   <input type="checkbox" name="aihao" value="6" />6   <input type="checkbox" name="aihao" value="7" />7   <input type="button" onclick="chk()" value="提 交" /> </body> </html> 总共有八个checkbox和一个按钮,点击“提交”按钮后可以知道当前所选中的复选框的value值,下面是JS代码, <script src="jquery.js"></script><!--这是载入jquery.js文件,如果不使用jquery可以去掉--> <script> function chk(){ var obj=document.getElementsByName('aihao'); //选择所有name="aihao"的对象,返回数组 //取到对象数组后,我们来循环检测它是不是被选中 var s=''; for(var i=0; i<obj.length; i++){ if(obj[i].checked) s+=obj[i].value+','; //如果选中,将value添加到变量s中 } //那么现在来检测s的值就知道选中的复选框的值了 alert(s==''?'你还没有选择任何内容!':s); } function jqchk(){ //jquery获取复选框值 var s=''; $('input[name="aihao"]:checked').each(function(){ s+=$(this).val()+','; }); alert(s==''?'你还没有选择任何内容!':s); } </script> 点击“提交”后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数组再使用的,所以也可以在转成数组后,去除最后一个数组元素。
预览效果
复制代码
保存代码
提示:可以先修改部分代码后再运行
JS、jQuery分别获取选中的复选框值
上一个素材:
带文字说明的js幻灯片代码
下一个素材:
jQuery大屏图片幻灯片代码
相关特效
带文字说明的js幻灯片代码
JS、jQuery分别获取选中的
jQuery按钮控制图片切换焦
jQuery手机图片全屏滑动轮
导航分类
热门文章
1
jQuery大屏图片幻灯片代码
2
带文字说明的js幻灯片代码
3
jQuery按钮控制图片切换焦点图
4
JS、jQuery分别获取选中的复选
5
jQuery手机图片全屏滑动轮播效
6
漂亮带缩略图的漂亮四屏FLASH
7
JavaScript+Flash制作常用的焦
8
常用flash图片幻灯代码
关于我们
|
联系我们
|
免责声明
|
网站地图
|
CopyRight 2012-2015 www.diandiba.com - 点滴吧 All Rights Reserved
滇ICP备09005765号-2