编程 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一些题目的解析

Dec 25 Javascript

JQuery实现点击div以外的位置隐藏该div窗口

Sep 13 Javascript

tangram框架响应式加载图片方法

Nov 21 Javascript

jQuery中prop()方法用法实例

Jan 05 Javascript

常用的JavaScript WEB操作方法分享

Feb 28 Javascript

JS实现下拉菜单赋值到文本框的方法

Aug 18 Javascript

AngularJS单选框及多选框实现双向动态绑定

Jan 13 Javascript

jQuery EasyUI学习教程之datagrid点击列表头排序

Jul 09 Javascript

微信小程序 wx.login解密出现乱码的问题解决办法

Mar 10 Javascript

VUE多层路由嵌套实现代码

May 15 Javascript

node.js+captchapng+jsonwebtoken实现登录验证示例

Aug 17 Javascript

详解vue-cli 构建Vue项目遇到的坑

Aug 30 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管理nginx虚拟主机shell脚本实例

2014/11/19 PHP

php中session定期自动清理的方法

2015/11/12 PHP

运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序

2007/04/21 Javascript

jQuery的12招常用技巧分享

2011/08/08 Javascript

JavaScript 选中文字并响应获取的实现代码

2011/08/28 Javascript

jquery如何获取复选框的值

2013/12/12 Javascript

JS获取计算机mac地址以及IP的实现方法

2014/01/08 Javascript

js验证IP及子网掩码的合法性有效性示例

2014/04/30 Javascript

jquery操作checkbox示例分享

2014/07/21 Javascript

模拟javascript中的sort排序(简单实例)

2016/08/17 Javascript

angularJS Provider、factory、service详解及实例代码

2016/09/21 Javascript

js判断出两个字符串最大子串的函数实现方法

2016/11/01 Javascript

JS动态的把左边列表添加到右边的实现代码(可上下移动)

2016/11/17 Javascript

你真的了解BOM中的history对象吗

2017/02/13 Javascript

Node.js中sequelize时区的配置方法

2017/12/10 Javascript

vue-cli webpack模板项目搭建及打包时路径问题的解决方法

2018/02/26 Javascript

小程序图片长按识别功能的实现方法

2018/08/30 Javascript

vue-router命名视图的使用讲解

2019/01/19 Javascript

Vue.js数字输入框组件使用方法详解

2019/10/19 Javascript

[48:30]LGD vs infamous Supermajor小组赛D组 BO3 第一场 6.3

2018/06/04 DOTA

python实现自动更换ip的方法

2015/05/05 Python

python获取酷狗音乐top500的下载地址 MP3格式

2018/04/17 Python

Python实现按当前日期（年、月、日）创建多级目录的方法

2018/04/26 Python

使用Python做垃圾分类的原理及实例代码附源码

2019/07/02 Python

python super的使用方法及实例详解

2019/09/25 Python

Pytorch 神经网络—自定义数据集上实现教程

2020/01/07 Python

Python GUI编程学习笔记之tkinter中messagebox、filedialog控件用法详解

2020/03/30 Python

深入了解Python enumerate和zip

2020/07/16 Python

Pandas对每个分组应用apply函数的实现

2020/12/13 Python

神路信息Java面试题目

2013/03/31 面试题

花店创业计划书范文

2014/02/07 职场文书

高中军训感言400字

2014/02/24 职场文书

优秀纪检干部材料

2014/08/27 职场文书

银行授权委托书范本

2014/10/04 职场文书

ajax请求前端跨域问题原因及解决方案

2021/10/16 Javascript

SpringBoot集成MongoDB实现文件上传的步骤

2022/04/18 MongoDB