编程 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中height()方法获取各种高度大全

Apr 02 Javascript

跟我学习JScript的Bug与内存管理

Nov 18 Javascript

原生JS和jQuery版实现文件上传功能

Apr 18 Javascript

利用JavaScript实现拖拽改变元素大小

Dec 14 Javascript

JavaScript无阻塞加载和defer、async详解

Feb 26 Javascript

React Native 自定义下拉刷新上拉加载的列表的示例

Mar 01 Javascript

小程序实现带年月选取效果的日历

Jun 27 Javascript

Vue使用NPM方式搭建项目

Oct 25 Javascript

angular8和ngrx8结合使用的步骤介绍

Dec 01 Javascript

原生js+ajax分页组件

Jan 30 Javascript

JavaScript 俄罗斯方块游戏实现方法与代码解释

Apr 08 Javascript

vue-iview动态新增和删除的方法

Jun 17 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

《破坏领主》销量已超100万未来将继续开发新内容

2020/03/08 其他游戏

php中检查文件或目录是否存在的代码小结

2012/10/22 PHP

php function用法如何递归及return和echo区别

2014/03/07 PHP

PHP基于imap获取邮件实例

2014/11/11 PHP

PHP中Memcache操作类及用法实例

2014/12/12 PHP

JSON字符串传到后台PHP处理问题的解决方法

2016/06/05 PHP

详解Yii2 定制表单输入字段的标签和样式

2017/01/04 PHP

Smarty3配置及入门语法

2017/02/22 PHP

Yii2.0中使用js异步删除示例

2017/03/10 PHP

JQuery AJAX实现目录浏览与编辑的代码

2008/10/21 Javascript

尝试在让script的type属性等于text/html

2013/01/15 Javascript

JS+CSS实现类似QQ好友及黑名单效果的树型菜单

2015/09/22 Javascript

一览画面点击复选框后获取多个id值的方法

2016/05/30 Javascript

js检查是否关闭浏览器的方法

2016/08/02 Javascript

AngularJs基于角色的前端访问控制的实现

2016/11/07 Javascript

浅谈angular2的http请求返回结果的subcribe注意事项

2017/03/01 Javascript

手把手搭建安装基于windows的Vue.js运行环境

2017/06/12 Javascript

Angular 2父子组件数据传递之@ViewChild获取子组件详解

2017/07/04 Javascript

为什么我们要做三份 Webpack 配置文件

2017/09/18 Javascript

JavaScript 作用域实例分析

2019/10/02 Javascript

微信小程序后端(java)开发流程的详细步骤

2019/11/13 Javascript

原生JS实现音乐播放器

2021/01/26 Javascript

python简单程序读取串口信息的方法

2015/03/13 Python

python数组过滤实现方法

2015/07/27 Python

详解如何使用Python编写vim插件

2017/11/28 Python

Python调用C语言的方法【基于ctypes模块】

2018/01/22 Python

flask/django 动态查询表结构相同表名不同数据的Model实现方法

2019/08/29 Python

用HTML5制作一个简单的桌球游戏的教程

2015/05/12 HTML / CSS

优秀少先队员主要事迹材料

2014/05/28 职场文书

市委召开党的群众路线教育实践活动总结大会报告

2014/10/21 职场文书

小学少先队工作总结2015

2015/05/26 职场文书

联谊会开场白

2015/06/01 职场文书

初中开学典礼新闻稿

2015/07/17 职场文书

2017年寒假社区服务活动总结

2016/04/06 职场文书

python 爬取吉首大学网站成绩单

2021/06/02 Python

Vue ECharts实现机舱座位选择展示功能

2022/05/15 Vue.js