编程 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实现GriwView单列全选(自写代码)

May 13 Javascript

JS实现时间格式化的方式汇总

Oct 16 Javascript

jquery操作select大全

Apr 25 Javascript

javascript 回调函数详解

Nov 11 Javascript

详解JavaScript基于面向对象之继承实例

Dec 16 Javascript

浅析javascript异步执行函数导致的变量变化问题解决思路

May 13 Javascript

给easyui的datebox控件添加清空按钮的实现方法

Nov 09 Javascript

详解Angular之constructor和ngOnInit差异及适用场景

Jun 22 Javascript

vue绑定设置属性的多种方式(5)

Aug 16 Javascript

jQuery实现的事件绑定功能基本示例

Oct 11 jQuery

vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解

Dec 11 Javascript

使用vue-router切换页面时实现设置过渡动画

Oct 31 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

Zend Framework教程之Zend_Controller_Plugin插件用法详解

2016/03/07 PHP

extjs之去除s.gif的影响

2010/12/25 Javascript

javascript权威指南学习笔记之null和undefined

2011/09/25 Javascript

IE与FireFox中的childNodes区别

2011/10/20 Javascript

C#中使用迭代器处理等待任务

2015/07/13 Javascript

Nginx上传文件全部缓存解决方案

2015/08/17 Javascript

移动端翻页插件dropload.js（支持Zepto和jQuery）

2016/07/27 Javascript

js HTML5多图片上传及预览实例解析（不含前端的文件分割）

2016/08/26 Javascript

基于bootstrap的选择框插件icheck

2016/12/23 Javascript

基于bootstrap实现收缩导航条

2017/03/17 Javascript

React-Native中禁用Navigator手势返回的示例代码

2017/09/09 Javascript

vue+webpack实现异步加载三种用法示例详解

2018/04/24 Javascript

详解Angular操作cookies方法

2018/06/01 Javascript

iconfont的三种使用方式详解

2018/08/05 Javascript

vue+element的表格实现批量删除功能示例代码

2018/08/17 Javascript

详解在vue-cli项目下简单使用mockjs模拟数据

2018/10/19 Javascript

JavaScript函数式编程(Functional Programming)声明式与命令式实例分析

2019/05/21 Javascript

layui 上传插件带预览非自动上传功能的实例(非常实用)

2019/09/23 Javascript

[46:20]DOTA2-DPC中国联赛正赛 PSG.LGD vs LBZS BO3 第二场 1月22日

2021/03/11 DOTA

python备份文件以及mysql数据库的脚本代码

2013/06/10 Python

python使用urllib2模块获取gravatar头像实例

2013/12/18 Python

python和pygame实现简单俄罗斯方块游戏

2021/02/19 Python

转换科学计数法的数值字符串为decimal类型的方法

2018/07/16 Python

浅析python中numpy包中的argsort函数的使用

2018/08/30 Python

python实现微信机器人：登录微信、消息接收、自动回复功能

2019/04/29 Python

python Opencv计算图像相似度过程解析

2019/12/03 Python

美国婴儿用品及配件购买网站：Munchkin

2019/04/03 全球购物

七年级政治教学反思

2014/02/03 职场文书

高考励志标语

2014/06/05 职场文书

党员违纪检讨书怎么写

2014/11/01 职场文书

邀请函范文

2015/02/02 职场文书

车间质检员岗位职责

2015/04/08 职场文书

企业安全隐患排查治理制度

2015/08/05 职场文书

初中生物教学反思

2016/02/20 职场文书

python Polars库的使用简介

2021/04/21 Python

css filter和getUserMedia的联合使用

2022/02/24 HTML / CSS