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

toString()一个会自动调用的方法

Feb 08 Javascript

jQuery使用之标记元素属性用法实例

Jan 19 Javascript

详解Javacript和AngularJS中的Promises

Feb 09 Javascript

Bootstrap每天必学之附加导航（Affix）插件

Apr 25 Javascript

Three.js学习之几何形状

Aug 01 Javascript

浅析JS中回调函数及用法

Jul 25 Javascript

微信小程序判断页面是否从其他页面返回的实例代码

Jul 03 Javascript

layer.js open 隐藏滚动条的例子

Sep 05 Javascript

Vue 3.0双向绑定原理的实现方法

Oct 23 Javascript

javascript利用canvas实现鼠标拖拽功能

Jul 23 Javascript

js节流防抖应用场景,以及在vue中节流防抖的具体实现操作

Sep 21 Javascript

nuxt.js写项目时增加错误提示页面操作

Nov 05 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

一个可以找出源代码中所有中文的工具

2006/10/25 PHP

php上的memcache和memcached两个pecl库

2010/03/29 PHP

你可能不知道PHP get_meta_tags()函数

2014/05/12 PHP

一个符号插入器中用到的js代码

2007/09/04 Javascript

一个可以增加和删除行的table并可编辑表格中内容

2014/06/16 Javascript

JavaScript中Cookie操作实例

2015/01/09 Javascript

jquery validate和jquery form 插件组合实现验证表单后AJAX提交

2015/08/26 Javascript

jquery实现LED广告牌旋转系统图片切换效果代码分享

2015/08/26 Javascript

老生常谈JS中的继承及实现代码

2018/07/06 Javascript

js正则表达式校验指定字符串的方法

2018/07/23 Javascript

Vue项目安装插件并保存

2019/01/28 Javascript

详解Vue+ElementUI从零开始搭建自己的网站（一、环境搭建）

2019/04/30 Javascript

vue实现绑定事件的方法实例代码详解

2019/06/20 Javascript

JQuery实现ul中添加LI和删除指定的Li元素功能完整示例

2019/10/16 jQuery

微信小程序实用代码段(收藏版)

2019/12/17 Javascript

解决Vue watch里调用方法的坑

2020/11/07 Javascript

[01:32]2014DOTA2西雅图邀请赛 CIS我们有信心进入正赛

2014/07/08 DOTA

用python实现的去除win下文本文件头部BOM的代码

2013/02/10 Python

编写Python的web框架中的Model的教程

2015/04/29 Python

Python实现将绝对URL替换成相对URL的方法

2015/06/28 Python

Python的Django框架中消息通知的计数器实现教程

2016/06/13 Python

Python实现查询某个目录下修改时间最新的文件示例

2018/08/29 Python

浅析python的优势和不足之处

2018/11/20 Python

python实现生成字符串大小写字母和数字的各种组合

2019/01/01 Python

Python3实现计算两个数组的交集算法示例

2019/04/03 Python

Html5踩坑记之mandMobile使用小记

2020/04/02 HTML / CSS

基本款天堂：Everlane

2017/05/13 全球购物

药学专业大专生的自我评价

2013/12/12 职场文书

财会自我鉴定范文

2013/12/27 职场文书

班组安全员工作职责

2014/02/01 职场文书

责任心演讲稿

2014/05/14 职场文书

公司承诺书格式

2014/05/21 职场文书

四风问题个人对照检查材料

2014/09/26 职场文书

2014年初级职称工作总结

2014/12/08 职场文书

python函数指定默认值的实例讲解

2021/03/29 Python

教你用Java在个人电脑上实现微信扫码支付

2021/06/13 Java/Android