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 基础篇1 什么是js 建立第一个js程序
Mar 14 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
Nov 16 Javascript
基于javascript如何传递特殊字符
Nov 30 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
Dec 04 Javascript
微信开发之调起摄像头、本地展示图片、上传下载图片实例
Dec 08 Javascript
关于不同页面之间实现参数传递的几种方式讨论
Feb 13 Javascript
js return返回多个值,通过对象的属性访问方法
Feb 21 Javascript
初学者AngularJS的环境搭建过程
Oct 27 Javascript
Angular4学习笔记router的简单使用
Mar 30 Javascript
详解基于vue的服务端渲染框架NUXT
Jun 20 Javascript
JS实现中英文混合文字溢出友好截取功能
Aug 06 Javascript
JavaScript实现图片合成下载的示例
Nov 19 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
PHP4实际应用经验篇(6)
2006/10/09 PHP
ThinkPHP php 框架学习笔记
2009/10/30 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
php array_walk_recursive 使用自定的函数处理数组中的每一个元素
2016/11/16 PHP
php获取excel文件数据
2017/04/21 PHP
js 图片缩放(按比例)控制代码
2009/05/27 Javascript
读取input:file的路径并显示本地图片的方法
2013/09/23 Javascript
js形成页面的一种遮罩效果实例代码
2014/01/04 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
2015/05/25 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
2016/03/28 Javascript
最简单的tab切换实例代码
2016/05/13 Javascript
js判断输入字符串是否为空、空格、null的方法总结
2016/06/14 Javascript
JS中的hasOwnProperty()和isPrototypeOf()属性实例详解
2016/08/11 Javascript
JSONP和批量操作功能的实现方法
2016/08/21 Javascript
微信小程序 页面传参实例详解
2016/11/16 Javascript
express框架实现基于Websocket建立的简易聊天室
2017/08/10 Javascript
解决vue页面刷新或者后退参数丢失的问题
2018/03/13 Javascript
详解js访问对象的属性和方法
2018/10/25 Javascript
关于vue的npm run dev和npm run build的区别介绍
2019/01/14 Javascript
浅谈Javascript常用正则表达式应用
2019/03/08 Javascript
vue使用exif获取图片经纬度的示例代码
2020/12/11 Vue.js
[02:21]DOTA2英雄基础教程 蝙蝠骑士
2013/12/16 DOTA
Python函数的周期性执行实现方法
2016/08/13 Python
Anaconda下安装mysql-python的包实例
2018/06/11 Python
Django中的文件的上传的几种方式
2018/07/23 Python
python 定时器,实现每天凌晨3点执行的方法
2019/02/20 Python
Python 监测文件是否更新的方法
2019/06/10 Python
Python如何使用argparse模块处理命令行参数
2019/12/11 Python
python 实现批量替换文本中的某部分内容
2019/12/13 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
谈一谈数组拼接tf.concat()和np.concatenate()的区别
2020/02/07 Python
使用Python打造一款间谍程序的流程分析
2020/02/21 Python
HTML5混合开发二维码扫描以及调用本地摄像头
2017/12/27 HTML / CSS
美国婴儿用品店:Babies”R”Us
2017/10/12 全球购物
村党总支部公开承诺书2016
2016/03/25 职场文书
vue route新窗口跳转页面并且携带与接收参数
2022/04/10 Vue.js