首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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>

实现checkbox全选、反选、取消JavaScript小脚本异常 
看了w3c的描述，瞬间明白了，在没写type属性的情况下，当时浏览器默认将它当submit处理了，而我表单接受处理的脚本还是空着的，所以就产生了“刷新”的现象！

实现checkbox全选、反选、取消JavaScript小脚本异常

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
JavaScript 继承使用分析
May 12 Javascript
jquery中插件实现自动添加用户的具体代码
Nov 15 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
Feb 20 Javascript
javascript弹出页面回传值的方法
Jan 28 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
Jul 17 Javascript
JavaScript实现数据类型的相互转换
Mar 06 Javascript
自动适应iframe右边的高度
Dec 22 Javascript
JS复杂判断的更优雅写法代码详解
Nov 07 Javascript
vue组件之间数据传递的方法实例分析
Feb 12 Javascript
vue集成kindeditor富文本的实现示例代码
Jun 07 Javascript
Vue使用axios引起的后台session不同操作
Aug 14 Javascript
JavaScript实现滚动加载更多
Dec 27 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
子查询(1) mounted(1) el-table(1) TableField(1) create(1) 脚手架(2) frozenset(1) Next.js(1) nginx(76) Mybatis-Plus(3)
You might like
如何将一个表单同时提交到两个地方处理
2006/10/09 PHP
PHP YII框架开发小技巧之模型(models)中rules自定义验证规则
2015/11/16 PHP
PHP消息队列用法实例分析
2016/02/12 PHP
自制PHP框架之设计模式
2017/05/07 PHP
js用图作提交按钮或超连接
2008/03/26 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
2016/09/05 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
BootStrap 实现各种样式的进度条效果
2016/12/07 Javascript
Vue.js学习示例分享
2017/02/05 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
2017/03/15 Javascript
js对象实例详解(JavaScript对象深度剖析,深度理解js对象)
2017/09/21 Javascript
jquery 获取索引值在一定范围的列表方法
2018/01/25 jQuery
深入浅析JS中的严格模式
2018/06/04 Javascript
JavaScript中常用的简洁高级技巧总结
2019/03/10 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
2019/09/18 Javascript
vue el-table实现行内编辑功能
2019/12/11 Javascript
JavaScript实现多层颜色选项卡嵌套
2020/09/21 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
2021/02/08 Javascript
[41:21]夜魇凡尔赛茶话会 第三期02：看图识人
2021/03/11 DOTA
Python中zfill()方法的使用教程
2015/05/20 Python
利用Python如何生成随机密码
2016/04/20 Python
详解Golang 与python中的字符串反转
2017/07/21 Python
django实现用户登陆功能详解
2017/12/11 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
Python如何用filter函数筛选数据
2020/03/05 Python
Python标准库:内置函数max(iterable, *[, key, default])说明
2020/04/25 Python
python实现二分查找算法
2020/09/18 Python
Python+kivy BoxLayout布局示例代码详解
2020/12/28 Python
CSS中的字体大小设置属性总结
2016/05/24 HTML / CSS
吉尔德利巧克力公司：Ghirardelli Chocolate Company
2019/03/27 全球购物
计算机专业应届生求职信
2014/04/06 职场文书
车间安全生产标语
2014/06/06 职场文书
廉洁自律个人总结
2015/02/14 职场文书
朝花夕拾读书笔记
2015/06/29 职场文书
pytorch 如何使用batch训练lstm网络
2021/05/28 Python