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

js动态生成指定行数的表格

Jul 11 Javascript

javascript模拟地球旋转效果代码实例

Dec 02 Javascript

jquery选择器原理介绍($()使用方法)

Mar 25 Javascript

jquery队列queue与原生模仿其实现方法分享

Mar 25 Javascript

seaJs的模块定义和模块加载浅析

Jun 06 Javascript

js实现三级联动效果（简单易懂）

Mar 27 Javascript

ES6中Generator与异步操作实例分析

Mar 31 Javascript

浅谈Vuejs Prop基本用法

Aug 17 Javascript

详解node child_process模块学习笔记

Jan 24 Javascript

vue超时计算的组件实例代码

Jul 09 Javascript

百度小程序自定义通用toast组件

Jul 17 Javascript

Vue-Cli项目优化操作的实现

Oct 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获取MySql新增记录ID值的3种方法

2014/06/24 PHP

php检查字符串中是否有外链的方法

2015/07/29 PHP

PHP统计当前在线用户数实例讲解

2015/10/21 PHP

php判断手机浏览还是web浏览,并执行相应的动作简单实例

2016/07/28 PHP

laravel 5.4 + vue + vux + element的环境搭配过程介绍

2018/04/26 PHP

Javascript this 的一些学习总结

2012/08/02 Javascript

JS修改css样式style浅谈

2013/05/06 Javascript

nodejs教程安装express及配置app.js文件的详细步骤

2013/05/11 NodeJs

jQuery中:hidden选择器用法实例

2014/12/30 Javascript

JavaScript中模拟实现jsonp

2015/06/19 Javascript

微信小程序实战之登录页面制作（5）

2020/03/30 Javascript

Ionic3 UI组件之autocomplete详解

2017/06/08 Javascript

NW.js 简介与使用方法

2018/02/01 Javascript

在vue项目中,将juery设置为全局变量的方法

2018/09/25 Javascript

解决微信小程序中转换时间格式IOS不兼容的问题

2019/02/15 Javascript

原生JavaScript实现的无缝滚动功能详解

2020/01/17 Javascript

js抽奖转盘实现方法分析

2020/05/16 Javascript

简单了解常用的JavaScript 库

2020/07/16 Javascript

Python开发编码规范

2006/09/08 Python

30分钟搭建Python的Flask框架并在上面编写第一个应用

2015/03/30 Python

联想哥伦比亚网上商城：Lenovo Colombia

2017/01/10 全球购物

意大利咖啡、浓缩咖啡和浓缩咖啡机：illy caffe

2019/03/20 全球购物

财务管理职业生涯规划范文

2013/12/27 职场文书

写给女生的道歉信

2014/01/14 职场文书

机关财务管理制度

2014/01/17 职场文书

大四毕业生自荐书

2014/07/05 职场文书

教师党员自我剖析材料

2014/09/29 职场文书

房屋所有权证明

2014/10/20 职场文书

关于长城的导游词

2015/01/30 职场文书

青岛海底世界导游词

2015/02/11 职场文书

工厂清洁工岗位职责

2015/02/14 职场文书

就业证明函

2015/06/17 职场文书

优秀党员先进事迹材料2016

2016/02/29 职场文书

2019银行竞聘书

2019/06/21 职场文书

教你做个可爱的css滑动导航条

2021/06/15 HTML / CSS

idea下配置tomcat避坑详解

2022/04/12 Servers