实现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一些题目的解析
Dec 25 Javascript
JQuery实现点击div以外的位置隐藏该div窗口
Sep 13 Javascript
tangram框架响应式加载图片方法
Nov 21 Javascript
jQuery中prop()方法用法实例
Jan 05 Javascript
常用的JavaScript WEB操作方法分享
Feb 28 Javascript
JS实现下拉菜单赋值到文本框的方法
Aug 18 Javascript
AngularJS单选框及多选框实现双向动态绑定
Jan 13 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
Jul 09 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
Mar 10 Javascript
VUE多层路由嵌套实现代码
May 15 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
Aug 17 Javascript
详解vue-cli 构建Vue项目遇到的坑
Aug 30 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管理nginx虚拟主机shell脚本实例
2014/11/19 PHP
php中session定期自动清理的方法
2015/11/12 PHP
运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序
2007/04/21 Javascript
jQuery的12招常用技巧分享
2011/08/08 Javascript
JavaScript 选中文字并响应获取的实现代码
2011/08/28 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
JS获取计算机mac地址以及IP的实现方法
2014/01/08 Javascript
js验证IP及子网掩码的合法性有效性示例
2014/04/30 Javascript
jquery操作checkbox示例分享
2014/07/21 Javascript
模拟javascript中的sort排序(简单实例)
2016/08/17 Javascript
angularJS Provider、factory、service详解及实例代码
2016/09/21 Javascript
js判断出两个字符串最大子串的函数实现方法
2016/11/01 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
2016/11/17 Javascript
你真的了解BOM中的history对象吗
2017/02/13 Javascript
Node.js中sequelize时区的配置方法
2017/12/10 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
2018/02/26 Javascript
小程序图片长按识别功能的实现方法
2018/08/30 Javascript
vue-router命名视图的使用讲解
2019/01/19 Javascript
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
[48:30]LGD vs infamous Supermajor小组赛D组 BO3 第一场 6.3
2018/06/04 DOTA
python实现自动更换ip的方法
2015/05/05 Python
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
Python实现按当前日期(年、月、日)创建多级目录的方法
2018/04/26 Python
使用Python做垃圾分类的原理及实例代码附源码
2019/07/02 Python
python super的使用方法及实例详解
2019/09/25 Python
Pytorch 神经网络—自定义数据集上实现教程
2020/01/07 Python
Python GUI编程学习笔记之tkinter中messagebox、filedialog控件用法详解
2020/03/30 Python
深入了解Python enumerate和zip
2020/07/16 Python
Pandas对每个分组应用apply函数的实现
2020/12/13 Python
神路信息Java面试题目
2013/03/31 面试题
花店创业计划书范文
2014/02/07 职场文书
高中军训感言400字
2014/02/24 职场文书
优秀纪检干部材料
2014/08/27 职场文书
银行授权委托书范本
2014/10/04 职场文书
ajax请求前端跨域问题原因及解决方案
2021/10/16 Javascript
SpringBoot集成MongoDB实现文件上传的步骤
2022/04/18 MongoDB