编程 Javascript

实现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>

看了w3c的描述，瞬间明白了，在没写type属性的情况下，当时浏览器默认将它当submit处理了，而我表单接受处理的脚本还是空着的，所以就产生了“刷新”的现象！

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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