实现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 相关文章推荐
JavaScript异步调用定时方法并停止该方法实现代码
Mar 16 Javascript
js 去除字符串第一位逗号的方法
Jun 07 Javascript
10分钟学会写Jquery插件实例教程
Sep 06 Javascript
javascript制作2048游戏
Mar 30 Javascript
jQuery简单创建节点的方法
Sep 09 Javascript
微信小程序 实战实例开发流程详细介绍
Jan 05 Javascript
防止页面url缓存中ajax中post请求的处理方法
Oct 10 Javascript
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
Oct 23 Javascript
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
Feb 28 Javascript
Electron-vue开发的客户端支付收款工具的实现
May 24 Javascript
微信小程序 自定义弹窗实现过程(附代码)
Dec 05 Javascript
vue 实现动态路由的方法
Jul 06 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中使用gd库实现下载网页中所有图片
2015/05/12 PHP
JQuery EasyUI 对话框的使用方法
2010/10/24 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
2011/06/21 Javascript
javascript中判断一个值是否在数组中并没有直接使用
2012/12/17 Javascript
JS实现图片横向滚动效果示例代码
2013/09/04 Javascript
jquery动态改变onclick属性导致失效的问题解决方法
2013/12/04 Javascript
js字符串日期yyyy-MM-dd转化为date示例代码
2014/03/06 Javascript
使用jQuery时Form表单元素ID和name命名大忌
2014/03/06 Javascript
jQuery插件pagewalkthrough实现引导页效果
2015/07/05 Javascript
分享我对JS插件开发的一些感想和心得
2016/02/04 Javascript
AngularJS入门示例之Hello World详解
2017/01/04 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
2017/01/21 Javascript
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
2017/02/09 Javascript
ReactNative之FlatList的具体使用方法
2017/11/29 Javascript
Node.js连接Sql Server 2008及数据层封装详解
2018/08/27 Javascript
解析原来浏览器原生支持JS Base64编码解码
2019/08/12 Javascript
vue实现下拉加载其实没那么复杂
2019/08/13 Javascript
Vue仿微信app页面跳转动画效果
2019/08/21 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
2020/04/26 Javascript
javascript运行机制之执行顺序理解
2020/08/03 Javascript
Vue使用v-viewer实现图片预览
2020/10/21 Javascript
微信小程序实现电影App导航和轮播
2020/11/30 Javascript
python数组复制拷贝的实现方法
2015/06/09 Python
Python内置的HTTP协议服务器SimpleHTTPServer使用指南
2016/03/30 Python
Python调用百度根据经纬度查询地址的示例代码
2019/07/07 Python
Python3.7 读取 mp3 音频文件生成波形图效果
2019/11/05 Python
pytorch之ImageFolder使用详解
2020/01/06 Python
PyCharm License Activation激活码失效问题的解决方法(图文详解)
2020/03/12 Python
印尼综合在线预订网站:Tiket.com(机票、酒店、火车、租车和娱乐)
2018/10/11 全球购物
什么是serialVersionUID
2016/03/04 面试题
购房委托书范本
2014/09/18 职场文书
涨价通知
2015/04/23 职场文书
2015年外贸业务员工作总结范文
2015/05/23 职场文书
博士论文答辩开场白
2015/06/01 职场文书
2016学校元旦晚会经典开场白台词
2015/12/03 职场文书
JavaScript实现简单计时器
2021/06/22 Javascript