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.cookie的使用javascript
Apr 11 Javascript
判断字符串的长度(优化版)中文占两个字符
Oct 30 Javascript
JS实现控制表格单元格垂直对齐的方法
Mar 30 Javascript
探究Javascript模板引擎mustache.js使用方法
Jan 26 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
Sep 09 Javascript
js实现HashTable(哈希表)的实例分析
Nov 21 Javascript
利用vue.js插入dom节点的方法
Mar 15 Javascript
JavaScript实现异步图像上传功能
Jul 12 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 Javascript
如何使用webpack打包一个库library的方法步骤
Dec 18 Javascript
JS判断数组是否包含某元素实现方法汇总
Jun 24 Javascript
vue 通过绑定事件获取当前行的id操作
Jul 27 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/10/09 PHP
phpstudy默认不支持64位php的解决方法
2017/02/20 PHP
PHP实现的简单对称加密与解密方法实例小结
2017/08/28 PHP
javascript各浏览器中option元素的表现差异
2011/04/07 Javascript
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
2011/04/27 Javascript
Jquery插件编写简明教程
2014/03/25 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
JQuery菜单效果的两个实例讲解(3)
2015/09/17 Javascript
BootStrap创建响应式导航条实例代码
2016/05/31 Javascript
jquery把int类型转换成字符串类型的方法
2016/10/07 Javascript
AngularJS入门教程之多视图切换用法示例
2016/11/02 Javascript
js中常用的Math方法总结
2017/01/12 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
2017/01/19 Javascript
微信小程序实战之自定义模态弹窗(8)
2017/04/18 Javascript
详解最新vue-cli 2.9.1的webpack存在问题
2017/12/16 Javascript
jQuery基于Ajax实现读取XML数据功能示例
2018/05/31 jQuery
详解用场景去理解函数柯里化(入门篇)
2019/04/11 Javascript
javascript实现点击星星小游戏
2019/12/24 Javascript
[07:25]DOTA2-DPC中国联赛2月5日Recap集锦
2021/03/11 DOTA
python处理文本文件并生成指定格式的文件
2014/07/31 Python
python学习基础之循环import及import过程
2018/04/22 Python
python使用mitmproxy抓取浏览器请求的方法
2019/07/02 Python
Python学习笔记之迭代器和生成器用法实例详解
2019/08/08 Python
解决python 上传图片限制格式问题
2019/10/30 Python
50个强大璀璨的CSS3/JS技术运用实例
2010/02/27 HTML / CSS
CSS3实现超酷的黑猫警长首页
2016/04/26 HTML / CSS
Interhome丹麦:在线预订度假屋和公寓
2019/07/18 全球购物
写出SQL四条最基本的数据操作语句(DML)
2012/12/12 面试题
日语专业推荐信
2013/11/12 职场文书
大学学习生活感言
2014/01/18 职场文书
大学毕业生求职自荐信
2014/02/20 职场文书
高校教师自荐信范文
2014/03/13 职场文书
本科毕业生应聘自荐信范文
2014/06/26 职场文书
2014年党总支工作总结
2014/12/18 职场文书
工作证明书
2015/06/15 职场文书