编程 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 相关文章推荐

JavaScript 参考教程

Dec 29 Javascript

仿迅雷焦点广告效果(JQuery版)

Nov 19 Javascript

自己的js工具_Form 封装

Aug 21 Javascript

jQuery EasyUI 中文API Button使用实例

Apr 14 Javascript

JS 数字转换研究总结

Dec 26 Javascript

js控制div弹出层实现方法

May 11 Javascript

js重写方法的简单实现

Jul 10 Javascript

jQuery用noConflict代替$的实现方法

Apr 12 jQuery

d3.js入门教程之数据绑定详解

Apr 28 Javascript

JavaScript条件判断_动力节点Java学院整理

Jun 26 Javascript

jQuery实现判断上传图片类型和大小的方法示例

Apr 11 jQuery

Vue $emit $refs子父组件间方法的调用实例

Sep 12 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文件上传实例详解！！！

2007/01/02 PHP

cache_lite试用

2007/02/14 PHP

利用PHP制作简单的内容采集器的原理分析

2008/10/01 PHP

php判断输入不超过mysql的varchar字段的长度范围

2011/06/24 PHP

PHP页面中文乱码分析

2013/10/29 PHP

codeigniter上传图片不能正确识别图片类型问题解决方法

2014/07/25 PHP

PHP获取远程图片并保存到本地的方法

2015/05/12 PHP

php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)

2015/06/03 PHP

javascript单页面手势滑屏切换原理详解

2016/03/21 Javascript

Javascript对象字面量的理解

2016/06/22 Javascript

Javascript blur与click冲突解决办法

2017/01/09 Javascript

前端编码规范（3）JavaScript 开发规范

2017/01/21 Javascript

关于jQuery.ajax()的jsonp碰上post详解

2017/07/02 jQuery

vue系列之动态路由详解【原创】

2017/09/10 Javascript

微信小程序的日期选择器的实例详解

2017/09/29 Javascript

vue2.0的虚拟DOM渲染思路分析

2018/08/09 Javascript

Angular 利用路由跳转到指定页面的指定位置方法

2018/08/31 Javascript

vue-cli3.0实现一个多页面应用的历奇经历记录总结

2020/03/16 Javascript

JS实现省市县三级下拉联动

2020/04/10 Javascript

简单介绍Python中的floor()方法

2015/05/15 Python

Python实现栈的方法

2015/05/26 Python

Python进阶之尾递归的用法实例

2018/01/31 Python

Python selenium抓取微博内容的示例代码

2018/05/17 Python

python多个模块py文件的数据共享实例

2019/01/11 Python

Python基于datetime或time模块分别获取当前时间戳的方法实例

2019/02/19 Python

在PyCharm中控制台输出日志分层级分颜色显示的方法

2019/07/11 Python

解析python实现Lasso回归

2019/09/11 Python

HTML5 的新的表单元素(datalist/keygen/output)使用介绍

2013/07/19 HTML / CSS

全球知名旅游社区巴西站点：TripAdvisor巴西

2016/07/21 全球购物

家长给孩子的表扬信

2014/01/17 职场文书

校园奶茶店创业计划书

2014/01/23 职场文书

学习2014年全国两会心得体会

2014/03/12 职场文书

借款协议书

2014/04/12 职场文书

一年级学生评语大全

2014/04/21 职场文书

模具专业求职信

2014/06/26 职场文书

生日赠语

2015/06/23 职场文书