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 相关文章推荐
JS编程小常识很有用
Nov 26 Javascript
解决JS浮点数运算出现Bug的方法
Mar 12 Javascript
一些老手都不一定知道的JavaScript技巧
May 06 Javascript
node.js中的fs.realpath方法使用说明
Dec 16 Javascript
js判断登录与否并确定跳转页面的方法
Jan 30 Javascript
js动态生成Html元素实现Post操作(createElement)
Sep 14 Javascript
JQuery异步提交表单与文件上传功能示例
Jan 12 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
Vue从TodoList中学父子组件通信
Feb 05 Javascript
微信小程序移动拖拽视图-movable-view实例详解
Aug 17 Javascript
Vue实现导航栏菜单
Aug 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
php下使用以下代码连接并测试
2008/04/09 PHP
php+mysql实现数据库随机重排实例
2014/10/17 PHP
PHP对象、模式与实践之高级特性分析
2016/12/08 PHP
PHP的静态方法与普通方法用法实例分析
2019/09/26 PHP
含有CKEditor的表单如何提交
2014/01/09 Javascript
使用javascript实现监控视频播放并打印日志
2015/01/05 Javascript
JavaScript中判断两个字符串是否相等的方法
2015/07/07 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
2020/10/26 Javascript
详解Node.js开发中的express-session
2017/05/19 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
2018/03/05 Javascript
js实现图片上传并预览功能
2018/08/06 Javascript
微信小程序动态增加按钮组件
2018/09/14 Javascript
vue实现给div绑定keyup的enter事件
2020/07/31 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
2020/12/02 Vue.js
python实现的生成随机迷宫算法核心代码分享(含游戏完整代码)
2014/07/11 Python
用Python解析XML的几种常见方法的介绍
2015/04/09 Python
利用Python实现Windows下的鼠标键盘模拟的实例代码
2017/07/13 Python
python opencv判断图像是否为空的实例
2019/01/26 Python
Python实现字符型图片验证码识别完整过程详解
2019/05/10 Python
通过PHP与Python代码对比的语法差异详解
2019/07/10 Python
python利用wx实现界面按钮和按钮监听和字体改变的方法
2019/07/17 Python
Python生成器常见问题及解决方案
2020/03/21 Python
python3.4中清屏的处理方法
2020/07/06 Python
医学专业毕业生个人的求职信
2013/12/04 职场文书
教师反腐倡廉演讲稿
2014/09/03 职场文书
民主评议政风行风活动心得体会
2014/10/29 职场文书
党的群众路线教育实践活动个人整改措施材料
2014/11/04 职场文书
2014离婚协议书范文(3篇)
2014/11/29 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
工作态度恶劣检讨书
2015/05/06 职场文书
暑期家教宣传单
2015/07/14 职场文书
多人股份制合作协议书
2016/03/19 职场文书
Vue+TypeScript中处理computed方式
2022/04/02 Vue.js
我的收音机情缘
2022/04/05 无线电
Java实现扫雷游戏详细代码讲解
2022/05/25 Java/Android
关于pytest结合csv模块实现csv格式的数据驱动问题
2022/05/30 Python