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 相关文章推荐
有一段有意思的代码-javascript现实多行信息
Aug 26 Javascript
document.getElementById方法在Firefox与IE中的区别
May 18 Javascript
Jquery中的层次选择器与find()的区别示例介绍
Feb 20 Javascript
IE下支持文本框和密码框placeholder效果的JQuery插件分享
Jan 31 Javascript
创建你的第一个AngularJS应用的方法
Jun 16 Javascript
jQuery div拖拽用法实例
Jan 14 Javascript
jQuery通用的全局遍历方法$.each()用法实例
Jul 04 Javascript
文件上传,iframe跨域数据提交的实现
Nov 18 Javascript
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
Bootstrap模态对话框用法简单示例
Aug 31 Javascript
Vue封装Axios请求和拦截器的步骤
Sep 16 Javascript
HTML元素拖拽功能实现的完整实例
Dec 04 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编码转换函数 自动转换字符集支持数组转换
2012/12/16 PHP
PHP实现的简单网络硬盘
2015/07/29 PHP
PHP设计模式之观察者模式实例
2016/02/22 PHP
详解Yii2 rules 的验证规则
2016/12/02 PHP
thinkPHP框架实现的短信接口验证码功能示例
2018/06/20 PHP
基于Asp.net与Javascript控制的日期控件
2010/05/22 Javascript
JS的replace方法介绍
2012/10/20 Javascript
调用DOM对象的focus使文本框获得焦点
2014/02/19 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
2016/07/27 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
2016/08/11 Javascript
AngularJS下对数组的对比分析
2016/08/24 Javascript
jquery实现数字输入框
2017/02/22 Javascript
详解VUE 数组更新
2017/12/16 Javascript
[01:03:27]NAVI vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
教你用python3根据关键词爬取百度百科的内容
2016/08/18 Python
解决PyCharm中光标变粗的问题
2017/08/05 Python
Python温度转换实例分析
2018/01/17 Python
如何利用Boost.Python实现Python C/C++混合编程详解
2018/11/08 Python
使用keras和tensorflow保存为可部署的pb格式
2020/05/25 Python
Python如何定义有可选参数的元类
2020/07/31 Python
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
买卖正宗运动鞋:GOAT
2019/12/06 全球购物
UNIX特点都有哪些
2016/04/05 面试题
应用电子专业学生的自我评价
2013/10/16 职场文书
小学三年级学生评语
2014/04/22 职场文书
反腐倡廉警示教育活动心得体会
2014/09/04 职场文书
自主招生学校推荐信
2014/09/26 职场文书
“四风”查摆问题自我剖析材料
2014/09/27 职场文书
2015年社区服务活动总结
2015/03/25 职场文书
妈妈再爱我一次观后感
2015/06/08 职场文书
律师催款函范文
2015/06/24 职场文书
工作会议简报
2015/07/20 职场文书
大学体育课感想
2015/08/10 职场文书
防溺水主题班会教案
2015/08/12 职场文书
python装饰器代码解析
2022/03/23 Python