实现checkbox全选、反选、取消JavaScript小脚本异常


Posted in Javascript onApril 10, 2014

今天在实现checkbox全选,反选,取消JavaScript小脚本的时候,总是出现点击后页面瞬间刷新,选择的checkbox全部取消的问题,debug了半天,才发现原来是<button>标签中少写了一个type属性的原因,郁闷啊,希望自己以后少犯这种特别2的错误,特此记录。

<!-- 以下为错误写法 --> 
<button name="checkAll" value="全选" class="checkButton" onClick="checkAll(form_favor,status)">全选</button>

<!-- 正确写法 --> 
<button name="checkAll" type="button" value="全选" class="checkButton" onClick="checkAll(form_favor,status)">全选</button>

实现checkbox全选、反选、取消JavaScript小脚本异常 
看了w3c的描述,瞬间明白了,在没写type属性的情况下,当时浏览器默认将它当submit处理了,而我表单接受处理的脚本还是空着的,所以就产生了“刷新”的现象!
Javascript 相关文章推荐
pjblog修改技巧汇总
Mar 12 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
Sep 13 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
Jan 07 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
Mar 13 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
浅谈移动端之js touch事件 手势滑动事件
Nov 07 Javascript
js中的闭包学习心得
Feb 06 Javascript
浅谈webpack打包之后的文件过大的解决方法
Mar 07 Javascript
详解vue指令与$nextTick 操作DOM的不同之处
Aug 02 Javascript
node中的session的具体使用
Sep 14 Javascript
webpack之引入图片的实现及问题
Oct 08 Javascript
javascript进阶篇深拷贝实现的四种方式
Jul 07 Javascript
用js设置下拉框为只读的小技巧
Apr 10 #Javascript
js获取上传文件大小示例代码
Apr 10 #Javascript
JavaScript中双叹号(!!)作用示例介绍
Apr 10 #Javascript
js实现图片旋转的三种方法
Apr 10 #Javascript
javascript:void(0)的问题使用探讨
Apr 10 #Javascript
ajax请求乱码的解决方法(中文乱码)
Apr 10 #Javascript
php的文件上传入门教程(实例讲解)
Apr 10 #Javascript
You might like
PHP投票系统防刷票判断流程分析
2012/02/04 PHP
ThinkPHP使用UTFWry地址库进行IP定位实例
2014/04/01 PHP
php中注册器模式类用法实例分析
2015/11/03 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
php集成开发环境详解
2019/09/24 PHP
JavaScript中的Array对象使用说明
2011/01/17 Javascript
基于jQuery的倒计时实现代码
2012/05/30 Javascript
JS操作CSS随机改变网页背景实现思路
2014/03/10 Javascript
javascript编写实用的省市选择器
2015/02/12 Javascript
JS中多种方式创建对象详解
2016/03/22 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
2018/09/13 Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
2019/08/08 Javascript
js实现简单掷骰子效果
2019/10/24 Javascript
[14:03]2017DOTA2亚洲邀请赛开幕式:12神兵演绎水墨中华
2017/04/01 DOTA
python中dir()与__dict__属性的区别浅析
2018/12/10 Python
Python之数据序列化(json、pickle、shelve)详解
2019/08/30 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
2020/04/07 Python
浅谈Python中的生成器和迭代器
2020/06/19 Python
最新pycharm安装教程
2020/11/18 Python
HTML5 Canvas绘制文本及图片的基础教程
2016/03/14 HTML / CSS
Peter Alexander新西兰站:澳大利亚领先的睡衣设计师品牌
2016/12/10 全球购物
PHP如何调用MYSQL存储过程
2014/05/30 面试题
介绍一下gcc特性
2012/01/20 面试题
什么是虚拟内存?虚拟内存有什么优势?
2012/02/19 面试题
说一下Linux下有关用户和组管理的命令
2014/08/18 面试题
高级护理实习生自荐信
2013/09/28 职场文书
餐厅经理岗位职责和岗位目标
2014/02/13 职场文书
租房协议书
2014/04/10 职场文书
普通党员对照检查材料
2014/08/28 职场文书
党员教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
自查自纠整改报告
2014/11/06 职场文书
2014年残疾人工作总结
2014/12/06 职场文书
爱岗敬业先进典型事迹材料(2016推荐版)
2016/02/26 职场文书
导游词之山东八仙过海景区
2019/11/11 职场文书
如何用Navicat操作MySQL
2021/05/12 MySQL