实现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面向对象编程(三) 非构造函数的继承
Aug 28 Javascript
基于jquery的固定表头和列头的代码
May 03 Javascript
谈谈JavaScript中的函数与闭包
Apr 14 Javascript
Jquery在指定DIV加载HTML示例代码
Feb 17 Javascript
iframe调用父页面函数示例详解
Jul 17 Javascript
扒一扒JavaScript 预解释
Jan 28 Javascript
JS限制文本框只能输入数字和字母方法
Feb 28 Javascript
D3.js实现折线图的方法详解
Sep 21 Javascript
jquery实现折叠菜单效果【推荐】
Mar 08 Javascript
详解angular中通过$location获取路径(参数)的写法
Mar 21 Javascript
JavaScript中数组常见操作技巧
Sep 01 Javascript
微信小程序云开发实现数据添加、查询和分页
May 17 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数组实现无限分类,不使用数据库,不使用递归.
2006/12/09 PHP
Can't create/write to file 'C:\WINDOWS\TEMP\...MYSQL报错解决方法
2011/06/30 PHP
PHP后台实现微信小程序登录
2018/08/03 PHP
PHP常见过waf webshell以及最简单的检测方法
2019/05/21 PHP
javascript之更有效率的字符串替换
2008/08/02 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
2011/10/13 Javascript
Node.js静态文件服务器改进版
2016/01/10 Javascript
vue.js绑定class和style样式(6)
2016/12/09 Javascript
js设置文字颜色的方法示例
2016/12/30 Javascript
通过一个简单的例子学会vuex与模块化
2017/11/22 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
浅谈vue方法内的方法使用this的问题
2018/09/15 Javascript
Element UI框架中巧用树选择器的实现
2018/12/12 Javascript
[37:29]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.19
2020/11/19 DOTA
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
python TCP Socket的粘包和分包的处理详解
2018/02/09 Python
python修改list中所有元素类型的三种方法
2018/04/09 Python
使用Python制作自动推送微信消息提醒的备忘录功能
2018/09/06 Python
Python3之手动创建迭代器的实例代码
2019/05/22 Python
linux下python中文乱码解决方案详解
2019/08/28 Python
python 正则表达式贪婪模式与非贪婪模式原理、用法实例分析
2019/10/14 Python
python批量处理txt文件的实例代码
2020/01/13 Python
python类共享变量操作
2020/09/03 Python
澳大利亚当地社区首选的光学商店:1001 Optical
2019/08/24 全球购物
情人节活动策划方案
2014/02/27 职场文书
资金主管岗位职责范本
2014/03/04 职场文书
美容院经理岗位职责
2014/04/03 职场文书
餐厅周年庆活动方案
2014/08/25 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
法英专业大学生职业生涯规划范文:衡外情,量己力!
2014/09/23 职场文书
2014年党委工作总结
2014/11/22 职场文书
oracle覆盖导入dmp文件的2种方法
2021/05/21 Oracle
python引入其他文件夹下的py文件具体方法
2021/05/23 Python
JS创建或填充任意长度数组的小技巧汇总
2021/10/24 Javascript
梳理总结Python开发中需要摒弃的18个坏习惯
2022/01/22 Python
Python开发五子棋小游戏
2022/05/02 Python