编程 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 相关文章推荐

JavaScript异步调用定时方法并停止该方法实现代码

Mar 16 Javascript

js 去除字符串第一位逗号的方法

Jun 07 Javascript

10分钟学会写Jquery插件实例教程

Sep 06 Javascript

javascript制作2048游戏

Mar 30 Javascript

jQuery简单创建节点的方法

Sep 09 Javascript

微信小程序实战实例开发流程详细介绍

Jan 05 Javascript

防止页面url缓存中ajax中post请求的处理方法

Oct 10 Javascript

使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)

Oct 23 Javascript

ES6中Set和Map数据结构，Map与其它数据结构互相转换操作实例详解

Feb 28 Javascript

Electron-vue开发的客户端支付收款工具的实现

May 24 Javascript

微信小程序自定义弹窗实现过程(附代码)

Dec 05 Javascript

vue 实现动态路由的方法

Jul 06 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中使用gd库实现下载网页中所有图片

2015/05/12 PHP

JQuery EasyUI 对话框的使用方法

2010/10/24 Javascript

读jQuery之七判断点击了鼠标哪个键的代码

2011/06/21 Javascript

javascript中判断一个值是否在数组中并没有直接使用

2012/12/17 Javascript

JS实现图片横向滚动效果示例代码

2013/09/04 Javascript

jquery动态改变onclick属性导致失效的问题解决方法

2013/12/04 Javascript

js字符串日期yyyy-MM-dd转化为date示例代码

2014/03/06 Javascript

使用jQuery时Form表单元素ID和name命名大忌

2014/03/06 Javascript

jQuery插件pagewalkthrough实现引导页效果

2015/07/05 Javascript

分享我对JS插件开发的一些感想和心得

2016/02/04 Javascript

AngularJS入门示例之Hello World详解

2017/01/04 Javascript

微信小程序 scroll-view实现上拉加载与下拉刷新的实例

2017/01/21 Javascript

Base64(二进制)图片编码解析及在各种浏览器的兼容性处理

2017/02/09 Javascript

ReactNative之FlatList的具体使用方法

2017/11/29 Javascript

Node.js连接Sql Server 2008及数据层封装详解

2018/08/27 Javascript

解析原来浏览器原生支持JS Base64编码解码

2019/08/12 Javascript

vue实现下拉加载其实没那么复杂

2019/08/13 Javascript

Vue仿微信app页面跳转动画效果

2019/08/21 Javascript

小程序自定义导航栏兼容适配所有机型（附完整案例）

2020/04/26 Javascript

javascript运行机制之执行顺序理解

2020/08/03 Javascript

Vue使用v-viewer实现图片预览

2020/10/21 Javascript

微信小程序实现电影App导航和轮播

2020/11/30 Javascript

python数组复制拷贝的实现方法

2015/06/09 Python

Python内置的HTTP协议服务器SimpleHTTPServer使用指南

2016/03/30 Python

Python调用百度根据经纬度查询地址的示例代码

2019/07/07 Python

Python3.7 读取 mp3 音频文件生成波形图效果

2019/11/05 Python

pytorch之ImageFolder使用详解

2020/01/06 Python

PyCharm License Activation激活码失效问题的解决方法(图文详解)

2020/03/12 Python

印尼综合在线预订网站：Tiket.com（机票、酒店、火车、租车和娱乐）

2018/10/11 全球购物

什么是serialVersionUID

2016/03/04 面试题

购房委托书范本

2014/09/18 职场文书

涨价通知

2015/04/23 职场文书

2015年外贸业务员工作总结范文

2015/05/23 职场文书

博士论文答辩开场白

2015/06/01 职场文书

2016学校元旦晚会经典开场白台词

2015/12/03 职场文书

JavaScript实现简单计时器

2021/06/22 Javascript