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 相关文章推荐
基于jquery.Jcrop的头像编辑器
Mar 01 Javascript
基于Asp.net与Javascript控制的日期控件
May 22 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
Mar 19 Javascript
点击弹出层外区域关闭弹出层jquery特效示例
Aug 25 Javascript
Javascript中克隆一个数组的实现代码
Dec 06 Javascript
用js来刷新当前页面保留参数的具体实现
Dec 23 Javascript
EasyUI学习之DataGird分页显示数据
Dec 29 Javascript
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
May 30 Javascript
详解JavaScript 的变量
Mar 08 Javascript
Node.js API详解之 Error模块用法实例分析
May 14 Javascript
JavaScript组合模式---引入案例分析
May 23 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
Aug 13 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利用COM对象访问SQLServer、Access
2006/10/09 PHP
生成静态页面的PHP类
2006/11/25 PHP
PHP并发查询MySQL的实例代码
2017/08/09 PHP
php实现二叉树中和为某一值的路径方法
2018/10/14 PHP
在视频前插入广告
2006/11/20 Javascript
再JavaScript的jQuery库中编写动画效果的指南
2015/08/13 Javascript
JavaScript验证Email(3种方法)
2015/09/21 Javascript
原生JS实现在线问卷调查投票特效
2017/01/03 Javascript
javascript获取以及设置光标位置
2017/02/16 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
2017/03/09 Javascript
jQuery Jsonp跨域模拟搜索引擎
2017/06/17 jQuery
vue2导航根据路由传值,而改变导航内容的实例
2017/11/10 Javascript
Bootstrap实现可折叠分组侧边导航菜单
2018/03/07 Javascript
记录vue项目中遇到的一点小问题
2019/05/14 Javascript
js实现经典贪吃蛇小游戏
2020/03/19 Javascript
JavaScript常用8种数组去重代码实例
2020/09/09 Javascript
[01:05:12]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS CIS-GAME
2014/05/21 DOTA
[01:05]主宰至宝剑心之遗
2017/03/16 DOTA
[58:23]LGD vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python中使用HTMLParser解析html实例
2015/02/08 Python
详解python3百度指数抓取实例
2016/12/12 Python
解决Python print输出不换行没空格的问题
2018/11/14 Python
python的turtle库使用详解
2019/05/10 Python
Python实现二叉搜索树BST的方法示例
2019/07/30 Python
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
TUMI香港官网:国际领先的行李箱、背囊品牌
2021/03/01 全球购物
工商学院毕业生自荐信
2013/11/12 职场文书
在校硕士自我鉴定
2014/01/23 职场文书
索桥的故事教学反思
2014/02/06 职场文书
护士求职自荐信范文
2014/03/19 职场文书
2014年新生军训方案
2014/05/01 职场文书
慰问信模板
2015/02/14 职场文书
Html5新增了哪些功能
2021/04/16 HTML / CSS
Win11安全功能升级:内置防网络钓鱼功能
2022/04/08 数码科技
微软Win11 全新照片应用面向 Dev预览版推出 新版本上手体验图集
2022/09/23 数码科技