编程 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>

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

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

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

Javascript 相关文章推荐

jQuery EasyUI NumberBox(数字框)的用法

Jul 08 Javascript

javascript:void(0)的作用示例介绍

Oct 28 Javascript

js常用系统函数用法实例分析

Jan 12 Javascript

Javascript中的数据类型之旅

Oct 18 Javascript

uploadify多文件上传参数设置技巧

Nov 16 Javascript

利用Angularjs和原生JS分别实现动态效果的输入框

Sep 01 Javascript

AngularJS控制器controller给模型数据赋初始值的方法

Jan 04 Javascript

浅谈在vue中使用mint-ui swipe遇到的问题

Sep 27 Javascript

layui 实现二级弹窗弹出之后关闭一级弹窗的方法

Sep 18 Javascript

基于axios 的responseType类型的设置方法

Oct 29 Javascript

CentOS 8.2服务器上安装最新版Node.js的方法

Dec 16 Javascript

Vue详细的入门笔记

May 10 Vue.js

用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

phpfans留言版用到的数据操作类和分页类

2007/01/04 PHP

smarty section简介与用法分析

2008/10/03 PHP

Zend Framework教程之Zend_Form组件实现表单提交并显示错误提示的方法

2016/03/21 PHP

Laravel与CI框架中截取字符串函数

2016/05/08 PHP

自制基于jQuery的智能提示插件一枚

2011/02/18 Javascript

IE下window.onresize 多次调用与死循环bug处理方法介绍

2013/11/12 Javascript

让javascript加载速度倍增的方法(解决JS加载速度慢的问题)

2014/12/12 Javascript

jQuery文本框得到与失去焦点动态改变样式效果

2016/09/08 Javascript

JavaScript制作颜色反转小游戏

2016/09/25 Javascript

原生js实现旋转木马轮播图效果

2017/02/27 Javascript

深入解析js轮播插件核心代码的实现过程

2017/04/14 Javascript

微信小程序--组件（swiper）详细介绍

2017/06/13 Javascript

NodeJS 实现手机短信验证模块阿里大于功能

2017/06/19 NodeJs

微信小程序动画（Animation）的实现及执行步骤

2018/10/28 Javascript

js 实现 list转换成tree的方法示例（数组到树）

2019/08/18 Javascript

js删除对象中的某一个字段的方法实现

2021/01/11 Javascript

[03:12]2016完美“圣”典风云人物：单车专访

2016/12/02 DOTA

Python 文件操作实现代码

2009/10/07 Python

python和pyqt实现360的CLable控件

2014/02/21 Python

python3.3使用tkinter开发猜数字游戏示例

2014/03/14 Python

Python实现图像几何变换

2015/07/06 Python

Python基于PycURL实现POST的方法

2015/07/25 Python

在Python中使用AOP实现Redis缓存示例

2017/07/11 Python

python实现图片筛选程序

2018/10/24 Python

django中账号密码验证登陆功能的实现方法

2019/07/15 Python

Python异常继承关系和自定义异常实现代码实例

2020/02/20 Python

New Balance波兰官方商城：始于1906年，百年慢跑品牌

2017/08/15 全球购物

莫斯科珠宝厂官方网站：Miuz

2020/09/19 全球购物

应届大学生求职信

2013/12/01 职场文书

2014爱耳日宣传教育活动总结

2014/03/09 职场文书

先进党组织事迹材料

2014/12/26 职场文书

敬老院义诊活动总结

2015/05/07 职场文书

小学主题班会教案

2015/08/17 职场文书

早安问候语大全

2015/11/10 职场文书

2019个人半年工作总结

2019/06/21 职场文书

深入理解python协程

2021/06/15 Python