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 相关文章推荐
一段批量给页面上的控件赋值js
Jun 19 Javascript
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
Jun 22 Javascript
JavaScript对IE操作的经典代码(推荐)
Mar 10 Javascript
详解JavaScript语法对{}处理的坑爹之处
Jun 05 Javascript
js自定义回调函数
Dec 13 Javascript
jQuery页面刷新(局部、全部)问题分析
Jan 09 Javascript
基于MVC方式实现三级联动(JavaScript)
Jan 23 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
微信小程序前端自定义分享的实现方法
Jun 13 Javascript
js JSON.stringify()基础详解
Jun 19 Javascript
在Koa.js中实现文件上传的接口功能
Oct 08 Javascript
原生js拖拽功能制作滑动条实例代码
Feb 05 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
第一节--面向对象编程
2006/11/16 PHP
php中json_encode处理gbk与gb2312中文乱码问题的解决方法
2014/07/10 PHP
windows中为php安装mongodb与memcache
2015/01/06 PHP
PHP扩展迁移为PHP7扩展兼容性问题记录
2016/02/15 PHP
php微信公众号开发之快递查询
2018/10/20 PHP
tp5(thinkPHP5)框架数据库Db增删改查常见操作总结
2019/01/10 PHP
javascript 网页跳转的方法
2008/12/24 Javascript
jquery属性过滤选择器使用示例
2013/06/18 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
2015/03/03 Javascript
深入分析Javascript跨域问题
2015/04/17 Javascript
javascript搜索框效果实现方法
2015/05/14 Javascript
jQuery获取字符串中出现最多的数
2016/02/22 Javascript
JavaScript中利用jQuery绑定事件的几种方式小结
2016/03/06 Javascript
在JavaScript中模拟类(class)及类的继承关系
2016/05/20 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
2017/03/13 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
2017/03/24 jQuery
javascript 中的try catch应用总结
2017/04/01 Javascript
基于node.js制作简单爬虫教程
2017/06/29 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
2017/09/19 jQuery
vue 1.x 交互实现仿百度下拉列表示例
2017/10/21 Javascript
JavaScript屏蔽Backspace键的实现代码
2017/11/02 Javascript
JS中使用react-tooltip插件实现鼠标悬浮显示框
2019/05/15 Javascript
微信小程序自定义波浪组件使用方法详解
2019/09/21 Javascript
python 如何快速找出两个电子表中数据的差异
2017/05/26 Python
详解Python传入参数的几种方法
2019/05/16 Python
Django框架实现的分页demo示例
2019/05/25 Python
python将字典列表导出为Excel文件的方法
2019/09/02 Python
Python基于WordCloud制作词云图
2019/11/29 Python
使用Django清空数据库并重新生成
2020/04/03 Python
Python发送邮件封装实现过程详解
2020/05/09 Python
python中wheel的用法整理
2020/06/15 Python
python中常见错误及解决方法
2020/06/21 Python
广告语设计及教案
2014/03/21 职场文书
文明和谐家庭事迹材料(2016精选版)
2016/02/29 职场文书
2016年世界艾滋病日宣传活动总结
2016/04/01 职场文书
企业开发CSS命名BEM代码规范实践
2022/02/12 HTML / CSS