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 相关文章推荐
文本加密解密
Jun 23 Javascript
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
Feb 03 Javascript
asp 取文本框名称代码
Dec 02 Javascript
Chrome扩展页面动态绑定JS事件提示错误
Feb 11 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
Mar 25 Javascript
easyui-combobox 实现简单的自动补全功能示例
Nov 08 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
Oct 17 Javascript
vue利用axios来完成数据的交互
Mar 23 Javascript
页面点击小红心js实现代码
May 26 Javascript
微信公众号平台接口开发 菜单管理的实现
Aug 14 Javascript
微信小程序的引导页实现代码
Jun 24 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
Nov 03 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
CPU步进是什么意思?i3-9100F B0步进和U0步进区别知识科普
2020/03/17 数码科技
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
支持中文的php加密解密类代码
2011/11/27 PHP
php中使用session_set_save_handler()函数把session保存到MySQL数据库实例
2014/11/06 PHP
功能强大的php分页函数
2016/07/20 PHP
详谈php ip2long 出现负数的原因及解决方法
2017/04/05 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
php中try catch捕获异常实例详解
2020/08/06 PHP
Google (Local) Search API的简单使用介绍
2013/11/28 Javascript
5款JavaScript代码压缩工具推荐
2014/07/07 Javascript
再JavaScript的jQuery库中编写动画效果的指南
2015/08/13 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
2016/07/28 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
2016/08/10 Javascript
AngularJs bootstrap搭载前台框架——基础页面
2016/09/01 Javascript
详解如何实现一个简单的 vuex
2018/02/10 Javascript
解决使用vue.js路由后失效的问题
2018/03/17 Javascript
JS使用tween.js动画库实现轮播图并且有切换功能
2018/07/17 Javascript
webpack中的模式(mode)使用详解
2020/02/20 Javascript
[02:32]“虐狗”镜头慎点 2016国际邀请赛中国区预选赛现场玩家采访
2016/06/28 DOTA
python基于queue和threading实现多线程下载实例
2014/10/08 Python
在Python下进行UDP网络编程的教程
2015/04/29 Python
Python使用struct处理二进制的实例详解
2017/09/11 Python
对Python中实现两个数的值交换的集中方法详解
2019/01/11 Python
详解PyCharm+QTDesigner+PyUIC使用教程
2019/06/13 Python
python GUI库图形界面开发之PyQt5打开保存对话框QFileDialog详细使用方法与实例
2020/02/27 Python
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
2020/02/27 HTML / CSS
【HTML5】3D模型--百行代码实现旋转立体魔方实例
2016/12/16 HTML / CSS
COACH德国官方网站:纽约现代奢侈品牌,1941年
2018/06/09 全球购物
工作人员思想汇报
2014/01/09 职场文书
捐款倡议书
2014/04/14 职场文书
医院合作协议书
2014/08/19 职场文书
分居协议书范本
2014/11/03 职场文书
公司催款律师函
2015/05/27 职场文书
Mysql systemctl start mysqld报错的问题解决
2021/06/03 MySQL
Windows 11上手初体验:任务栏和开始菜单等迎来大改
2021/11/21 数码科技
微信小程序APP页面的之间的相互传递参数以及自定义组件
2022/04/19 Javascript