编程 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 innerHTML使用分析

Dec 03 Javascript

js bind 函数使用闭包保存执行上下文

Dec 26 Javascript

jQuery 数据缓存模块进化史详细介绍

Nov 19 Javascript

jQuery之ajax技术的详细介绍

Jun 19 Javascript

JS的Document属性和方法小结

Sep 17 Javascript

JS批量操作CSS属性详细解析

Dec 16 Javascript

angularjs指令之绑定策略（@、=、&）

Apr 13 Javascript

Angular2环境搭建具体操作步骤(推荐)

Aug 04 Javascript

webpack4.x开发环境配置详解

Aug 04 Javascript

vue实现同一个页面可以有多个router-view的方法

Sep 20 Javascript

vue总线机制(bus)知识点详解

May 10 Javascript

js实现简单扫雷

Nov 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

You might like

php 获取本机外网/公网IP的代码

2010/05/09 PHP

PHP自定义函数收代码

2010/08/01 PHP

使用PHP备份MySQL和网站发送到邮箱实例代码

2013/11/28 PHP

ThinkPHP表单自动提交验证实例教程

2014/07/18 PHP

Firefox window.close()的使用注意事项

2009/04/11 Javascript

jQuery图片的展开和收缩实现代码

2013/04/16 Javascript

jquery判断RadioButtonList和RadioButton中是否有选中项示例

2013/09/29 Javascript

js判断浏览器类型为ie6时不执行

2014/06/15 Javascript

javascript正则表达式参数/g与/i及/gi的使用指南

2014/08/27 Javascript

jquery实现鼠标滑过小图时显示大图的方法

2015/01/14 Javascript

Javascript连接Access数据库完整实例

2015/08/03 Javascript

js匿名函数作为函数参数详解

2016/06/01 Javascript

TypeScript学习之强制类型的转换

2016/12/27 Javascript

基于express中路由规则及获取请求参数的方法

2018/03/12 Javascript

JavaScript callback回调函数用法实例分析

2018/05/08 Javascript

在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法

2018/10/25 Javascript

原生JS实现手动轮播图效果实例代码

2018/11/22 Javascript

ES6知识点整理之对象解构赋值应用示例

2019/04/17 Javascript

通过seajs实现JavaScript的模块开发及按模块加载

2019/06/06 Javascript

NodeJs实现简易WEB上传下载服务器

2019/08/10 NodeJs

vue设置导航栏、侧边栏为公共页面的例子

2019/11/01 Javascript

uni-app如何页面传参数的几种方法总结

2020/04/28 Javascript

javascript前端和后台进行数据交互方法示例

2020/08/07 Javascript

[02:28]DOTA2亚洲邀请赛附加赛 RECAP赛事回顾

2015/01/29 DOTA

Python程序设计入门(4)模块和包

2014/06/16 Python

跟老齐学Python之不要红头文件(1)

2014/09/28 Python

Python入门篇之正则表达式

2014/10/20 Python

10个易被忽视但应掌握的Python基本用法

2015/04/01 Python

Python自动化测试ConfigParser模块读写配置文件

2016/08/15 Python

Python+selenium 获取浏览器窗口坐标、句柄的方法

2018/10/14 Python

用pycharm开发django项目示例代码

2018/10/24 Python

python实现图片插入文字

2019/11/26 Python

如何使用selenium和requests组合实现登录页面

2020/02/03 Python

爱尔兰家电数码商城：Currys PC World爱尔兰

2016/07/23 全球购物

企业文化理念标语

2014/06/10 职场文书

学生保证书

2015/01/16 职场文书