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 事件查询综合
Jul 13 Javascript
javascript addBookmark 加入收藏 多浏览器兼容
Aug 15 Javascript
js为鼠标添加右击事件防止默认的右击菜单弹出
Jul 29 Javascript
js去除空格的12种实用方法
Nov 08 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
Jun 24 Javascript
jQuery实现图片轮播特效代码分享
Sep 15 Javascript
jstl中判断list中是否包含某个值的简单方法
Oct 14 Javascript
详解vue2父组件传递props异步数据到子组件的问题
Jun 29 Javascript
浅谈Angular6的服务和依赖注入
Jun 27 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
vue-cli中vue本地实现跨域调试接口
Jan 16 Javascript
vue3.0+vue-router+element-plus初实践
Dec 02 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 之 没有mysql支持时的替代方案
2006/10/09 PHP
php学习笔记之面向对象
2014/11/08 PHP
centos 7.2下搭建LNMP环境教程
2016/11/20 PHP
PHP执行shell脚本运行程序不产生core文件的方法
2016/12/28 PHP
网站页面自动跳转实现方法PHP、JSP(上)
2010/08/01 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
2011/01/09 Javascript
JavaScript 和 Java 的区别浅析
2013/07/31 Javascript
深入浅出分析javaScript中this用法
2015/05/09 Javascript
javascript实现根据3原色制作颜色选择器的方法
2015/07/17 Javascript
从0开始学Vue
2016/10/27 Javascript
老生常谈jquery中detach()和remove()的区别
2017/03/02 Javascript
Vue如何引入远程JS文件
2017/04/20 Javascript
iscroll动态加载数据完美解决方法
2017/07/18 Javascript
BootStrap的双日历时间控件使用
2017/07/25 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
2019/02/20 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
2020/02/06 Javascript
通过javascript实现扫雷游戏代码实例
2020/02/09 Javascript
vue用ant design中table表格,点击某行时触发的事件操作
2020/10/28 Javascript
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
Python中条件选择和循环语句使用方法介绍
2013/03/13 Python
python3使用PyMysql连接mysql数据库实例
2017/02/07 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
python os.rename实例用法详解
2020/12/06 Python
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
Anya Hindmarch官网:奢侈设计师手袋及配饰
2018/11/15 全球购物
公司采购主管岗位职责
2014/06/17 职场文书
应届大学生求职信
2014/07/20 职场文书
中学教师师德师风演讲稿
2014/08/22 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
个人典型事迹材料
2014/12/30 职场文书
上班迟到检讨书范文
2015/05/06 职场文书
湘江北去观后感
2015/06/15 职场文书
辅导员学期工作总结
2015/08/14 职场文书
幼儿园老师新年寄语
2015/08/17 职场文书
Win10此设备不支持接收Miracast无法投影的解决方法
2022/07/07 数码科技