jquery数组之存放checkbox全选值示例代码


Posted in Javascript onDecember 20, 2013
<input type="checkbox" id="checkAll" value="1">全选/全部不选 
<input type="checkbox" name="items" value="1">1 
<input type="checkbox" name="items" value="2">2 
<input type="checkbox" name="items" value="3">3 
<input type="checkbox" name="items" value="4">4 
<input type="checkbox" name="items" value="5"> 
<input type="button" onclick="show()" value="提示选择的"> 
<script> 
$("#chekcAll").click(function(){ 
if(this.checked){ 
$("input[name=items]").attr("checked","checked"); 
} 
else{ 
$("input[name=items]").attr("checked",null); 
} 
}) 
function show(){ 
var strIds=new Array();//声明一个存放id的数组 
$("input[name=items]").each(function (i,d){ 
if (d.checked) { 
strIds.push(d.value); 
} 
}) 
if(strIds.length<1) 
alert("您没有选中项!"); 
else{ 
var ids=strIds.join(","); 
alert("你选中的字符串有:"+ids); 
} 
} 
</script>
Javascript 相关文章推荐
获取当前网页document.url location.href区别总结
May 10 Javascript
线路分流自动智能跳转代码,自动选择最快镜像网站(js)
Oct 31 Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
JS中判断null、undefined与NaN的方法
Mar 24 Javascript
jQuery过滤选择器用法分析
Feb 10 Javascript
js上传图片及预览功能实例分析
Apr 24 Javascript
基于angularjs实现图片放大镜效果
Aug 31 Javascript
详解angular路由高亮之RouterLinkActive
Apr 28 Javascript
解决Layui数据表格的宽高问题
Sep 28 Javascript
实现vuex与组件data之间的数据同步更新方式
Nov 12 Javascript
vant实现购物车功能
Jun 29 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
Jan 06 Javascript
jquery如何通过name名称获取当前name的value值
Dec 20 #Javascript
前台js对象在后台转化java对象的问题探讨
Dec 20 #Javascript
Javascript selection的兼容性写法介绍
Dec 20 #Javascript
在每个匹配元素的外部插入新元素的方法
Dec 20 #Javascript
浅谈javascript六种数据类型以及特殊注意点
Dec 20 #Javascript
js生成随机数之random函数随机示例
Dec 20 #Javascript
jquery实现tr元素的上下移动示例代码
Dec 20 #Javascript
You might like
php中的ini配置原理详解
2014/10/14 PHP
PHP+Mysql实现多关键字与多字段生成SQL语句的函数
2014/11/05 PHP
Yii2框架中使用PHPExcel导出Excel文件的示例
2017/08/09 PHP
一些常用的JS功能函数(2009-06-04更新)
2009/06/04 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
2013/05/07 Javascript
jQuery设置div一直在页面顶部显示的方法
2013/10/24 Javascript
jquery实现上下左右滑动的方法
2015/02/09 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
2015/08/10 Javascript
JS实现的幻灯片切换显示效果
2016/09/07 Javascript
详解Js模板引擎(TrimPath)
2016/11/22 Javascript
jQuery zTree树插件简单使用教程
2017/01/10 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
2017/04/25 Javascript
Bootstrap模态框插入视频的实现代码
2017/06/25 Javascript
JavaScript学习总结之正则的元字符和一些简单的应用
2017/06/30 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
2018/11/06 Javascript
微信小程序点餐系统开发常见问题汇总
2019/08/06 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
2019/08/08 jQuery
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
vue 解决数组赋值无法渲染在页面的问题
2019/10/28 Javascript
vue-resource post数据时碰到Django csrf问题的解决
2020/03/13 Javascript
JS数组及对象遍历方法代码汇总
2020/06/16 Javascript
JS实现页面侧边栏效果探究
2021/01/08 Javascript
[06:11]2014DOTA2国际邀请赛 专访团结一心的VG战队
2014/07/21 DOTA
Python中非常实用的一些功能和函数分享
2015/02/14 Python
Python 使用os.remove删除文件夹时报错的解决方法
2017/01/13 Python
Python wxPython库Core组件BoxSizer用法示例
2018/09/03 Python
python序列化与数据持久化实例详解
2019/12/20 Python
记录模型训练时loss值的变化情况
2020/06/16 Python
Farfetch澳大利亚官网:Farfetch Australia
2020/04/26 全球购物
博士研究生自我鉴定范文
2013/12/04 职场文书
工会主席事迹材料
2014/06/03 职场文书
卫生院艾滋病宣传活动小结
2014/07/09 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
微信早安问候语
2015/11/10 职场文书
《丑小鸭》教学反思
2016/02/19 职场文书