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客户端脚本的设计和应用
Aug 21 Javascript
javascript入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 Javascript
强大的jquery插件jqeuryUI做网页对话框效果!简单
Apr 14 Javascript
JQuery获取样式中的background-color颜色值的问题
Aug 20 Javascript
JavaScript Serializer序列化时间处理示例
Jul 31 Javascript
给angular加上动画效遇到的问题总结
Feb 17 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
Vue页面骨架屏的实现方法
May 22 Javascript
百度小程序之间的页面通信过程详解
Jul 18 Javascript
原生javascript的ajax请求及后台PHP响应操作示例
Feb 24 Javascript
JavaScript实现动态生成表格
Aug 02 Javascript
浅析vue中的nextTick
Dec 28 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
《Re:从零开始的异世界生活》剧情体验,手游新作定名
2020/04/09 日漫
简单的PHP图片上传程序
2008/03/27 PHP
niceTitle 基于jquery的超链接提示插件
2010/05/31 Javascript
PHP 与 js的通信(via ajax,json)
2010/11/16 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
2015/12/04 Javascript
javascript每日必学之条件分支
2016/02/17 Javascript
jQueryUI DatePicker 添加时分秒
2016/06/04 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
2016/06/12 Javascript
基于angularjs实现图片放大镜效果
2016/08/31 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
package.json文件配置详解
2017/06/15 Javascript
js实现移动端轮播图效果
2020/12/09 Javascript
浅谈如何使用 webpack 优化资源
2017/10/20 Javascript
利用npm 安装删除模块的方法
2018/05/15 Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
2018/07/21 Javascript
小程序点击图片实现自动播放视频
2020/05/29 Javascript
如何使用less实现随机下雪动画详解
2019/01/02 Javascript
深入理解 TypeScript Reflect Metadata
2019/12/12 Javascript
package.json各个属性说明详解
2020/03/11 Javascript
python生成器表达式和列表解析
2016/03/10 Python
python开发简易版在线音乐播放器
2017/03/03 Python
Python读取Excel表格,并同时画折线图和柱状图的方法
2018/10/14 Python
Python版名片管理系统
2018/11/30 Python
使用 Python 处理 JSON 格式的数据
2019/07/22 Python
Python requests模块session代码实例
2020/04/14 Python
windows下python 3.9 Numpy scipy和matlabplot的安装教程详解
2020/11/28 Python
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
美国在线购买和出售礼品卡网站:EJ Gift Cards
2019/06/09 全球购物
法国春天百货官网:Printemps.com
2020/06/29 全球购物
大学生实习感言
2014/01/16 职场文书
九年级政治教学反思
2014/02/06 职场文书
向领导表决心的话
2014/03/11 职场文书
《美丽的丹顶鹤》教学反思
2014/04/22 职场文书
2014年教研活动总结范文
2014/04/26 职场文书
css3实现背景图片半透明内容不透明的方法示例
2021/04/13 HTML / CSS
Nginx配置文件详解以及优化建议指南
2021/09/15 Servers