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脚本编程解决考试分数统计问题
Oct 18 Javascript
利用jquery操作select下拉列表框的代码
Jun 04 Javascript
BOM与DOM的区别分析
Oct 26 Javascript
intro.js 页面引导简单用法 分享
Aug 06 Javascript
angularjs基础教程
Dec 25 Javascript
javascript+html5实现仿flash滚动播放图片的方法
Apr 27 Javascript
JavaScript数据结构之链表的实现
Mar 19 Javascript
js运算符的一些特殊用法
Jul 29 Javascript
vue项目打包后怎样优雅的解决跨域
May 26 Javascript
JavaScript实现简易计算器小功能
Oct 22 Javascript
vue的webcamjs集成方式
Nov 16 Javascript
详解Vue的异步更新实现原理
Dec 22 Vue.js
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安全配置方法
2007/06/16 PHP
简单的php缓存类分享     php缓存机制
2014/01/22 PHP
php目录拷贝实现方法
2015/07/10 PHP
js 字符串操作函数
2009/07/25 Javascript
javascript中创建对象的三种常用方法
2010/12/30 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
2011/09/16 Javascript
jquery.Ajax()方法调用Asp.Net后台的方法解析
2014/02/13 Javascript
页面刷新时记住滚动条的位置jquery代码
2014/06/17 Javascript
JavaScript实现N皇后问题算法谜题解答
2014/12/29 Javascript
Javascript实现计算个人所得税
2015/05/10 Javascript
JS实现跟随鼠标的链接文字提示框效果
2015/08/06 Javascript
纯javascript版日历控件
2016/11/24 Javascript
Javascript中call,apply,bind方法的详解与总结
2016/12/12 Javascript
微信小程序input框中加入小图标的实现方法
2018/06/19 Javascript
微信小程序自定义tabBar的踩坑实践记录
2020/11/06 Javascript
Python中的filter()函数的用法
2015/04/27 Python
Python编程实现的简单Web服务器示例
2017/06/22 Python
Python获取网段内ping通IP的方法
2019/01/31 Python
对Python3 序列解包详解
2019/02/16 Python
详解Django+uwsgi+Nginx上线最佳实战
2019/03/14 Python
【python】matplotlib动态显示详解
2019/04/11 Python
python中for循环变量作用域及用法详解
2019/11/05 Python
python 调试冷知识(小结)
2019/11/11 Python
Python如何计算语句执行时间
2019/11/22 Python
python发qq消息轰炸虐狗好友思路详解(完整代码)
2020/02/15 Python
Anaconda和ipython环境适配的实现
2020/04/22 Python
CSS3的 fit-content实现水平居中
2017/09/07 HTML / CSS
美国南加州的原创极限运动潮牌:Vans(范斯)
2016/08/05 全球购物
Boom手表官网:瑞典手表品牌,设计你的手表
2019/03/11 全球购物
新加坡最早生产电动滑板车的制造商之一:FunsToTheFore
2020/09/08 全球购物
怎样声明接口
2014/09/19 面试题
师范生实习的个人自我鉴定
2013/10/20 职场文书
法人任命书范本
2014/06/04 职场文书
冲出亚马逊观后感
2015/06/03 职场文书
开学典礼观后感
2015/06/15 职场文书
职场干货:简历中的自我评价应该这样写!
2019/05/06 职场文书