实现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实现GriwView单列全选(自写代码)
May 13 Javascript
JS实现时间格式化的方式汇总
Oct 16 Javascript
jquery操作select大全
Apr 25 Javascript
javascript 回调函数详解
Nov 11 Javascript
详解JavaScript基于面向对象之继承实例
Dec 16 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
May 13 Javascript
给easyui的datebox控件添加清空按钮的实现方法
Nov 09 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
Jun 22 Javascript
vue绑定设置属性的多种方式(5)
Aug 16 Javascript
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
使用vue-router切换页面时实现设置过渡动画
Oct 31 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
Zend Framework教程之Zend_Controller_Plugin插件用法详解
2016/03/07 PHP
extjs之去除s.gif的影响
2010/12/25 Javascript
javascript权威指南 学习笔记之null和undefined
2011/09/25 Javascript
IE与FireFox中的childNodes区别
2011/10/20 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
2016/07/27 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
2016/08/26 Javascript
基于bootstrap的选择框插件icheck
2016/12/23 Javascript
基于bootstrap实现收缩导航条
2017/03/17 Javascript
React-Native中禁用Navigator手势返回的示例代码
2017/09/09 Javascript
vue+webpack实现异步加载三种用法示例详解
2018/04/24 Javascript
详解Angular操作cookies方法
2018/06/01 Javascript
iconfont的三种使用方式详解
2018/08/05 Javascript
vue+element的表格实现批量删除功能示例代码
2018/08/17 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
2018/10/19 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
2019/09/23 Javascript
[46:20]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第二场 1月22日
2021/03/11 DOTA
python备份文件以及mysql数据库的脚本代码
2013/06/10 Python
python使用urllib2模块获取gravatar头像实例
2013/12/18 Python
python和pygame实现简单俄罗斯方块游戏
2021/02/19 Python
转换科学计数法的数值字符串为decimal类型的方法
2018/07/16 Python
浅析python中numpy包中的argsort函数的使用
2018/08/30 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
python Opencv计算图像相似度过程解析
2019/12/03 Python
美国婴儿用品及配件购买网站:Munchkin
2019/04/03 全球购物
七年级政治教学反思
2014/02/03 职场文书
高考励志标语
2014/06/05 职场文书
党员违纪检讨书怎么写
2014/11/01 职场文书
邀请函范文
2015/02/02 职场文书
车间质检员岗位职责
2015/04/08 职场文书
企业安全隐患排查治理制度
2015/08/05 职场文书
初中生物教学反思
2016/02/20 职场文书
python Polars库的使用简介
2021/04/21 Python
css filter和getUserMedia的联合使用
2022/02/24 HTML / CSS