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

filemanage功能中用到的common.js

Apr 08 Javascript

IE8下Jquery获取select选中的值post到后台报错问题

Jul 02 Javascript

JavaScript实现的使用键盘控制人物走动实例

Aug 27 Javascript

纯css下拉菜单无需js

Aug 15 Javascript

Centos7 中 Node.js安装简单方法

Nov 02 Javascript

JavaScript 数组的进化与性能分析

Sep 18 Javascript

vue axios 简单封装以及思考

Oct 09 Javascript

解决layui数据表格Date日期格式的回显Object的问题

Sep 19 Javascript

vue使用swiper实现中间大两边小的轮播图效果

Nov 24 Javascript

详解JS深拷贝与浅拷贝

Aug 04 Javascript

vue自定义指令限制输入框输入值的步骤与完整代码

Aug 30 Javascript

详解微信小程序轨迹回放实现及遇到的坑

Feb 02 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操作文件方法问答

2007/03/16 PHP

php设计模式 Chain Of Responsibility (职责链模式)

2011/06/26 PHP

解决nginx不支持thinkphp中pathinfo的问题

2015/07/21 PHP

把textarea中字符串里含有的回车换行替换成&lt;br&gt;的javascript代码

2007/04/20 Javascript

javaScript 关闭浏览器 (不弹出提示框)

2010/01/31 Javascript

JavaScript 题型问答有答案参考

2010/02/17 Javascript

ajax更新数据后，jquery、jq失效问题

2011/03/16 Javascript

chrome原生方法之数组

2011/11/30 Javascript

gridpanel动态加载数据的实例代码

2013/07/18 Javascript

Javascript 遍历页面text控件详解

2014/01/06 Javascript

javascript学习笔记（四）function函数部分

2014/09/30 Javascript

jquery搜索框效果实现方法

2015/01/16 Javascript

简单介绍JavaScript数据类型之隐式类型转换

2015/12/28 Javascript

JS平滑无缝滚动效果的实现代码

2016/05/06 Javascript

基于JavaScript实现在新的tab页打开url

2016/08/04 Javascript

JavaScript中函数声明与函数表达式的区别详解

2016/08/18 Javascript

vue2.0实战之使用vue-cli搭建项目（2）

2017/03/27 Javascript

jquery仿微信聊天界面

2017/05/06 jQuery

原生js实现密码输入框值的显示隐藏

2017/07/17 Javascript

js es6系列教程 - 新的类语法实战选项卡(详解)

2017/09/02 Javascript

vue编译打包本地查看index文件的方法

2018/02/23 Javascript

JQuery实现简单的复选框树形结构图示例【附源码下载】

2019/07/16 jQuery

深入理解Python中命名空间的查找规则LEGB

2015/08/06 Python

python使用Apriori算法进行关联性解析

2017/12/21 Python

python用户管理系统

2018/03/13 Python

python pandas读取csv后,获取列标签的方法

2018/11/12 Python

基于python实现微信好友数据分析（简单）

2020/02/16 Python

python实现简单学生信息管理系统

2020/04/09 Python

python 爬取小说并下载的示例

2020/12/07 Python

Dogeared官网：在美国手工制作的珠宝

2019/08/24 全球购物

美容院营销方案

2014/03/05 职场文书

教师节演讲稿

2014/05/06 职场文书

社区先进事迹材料

2014/05/19 职场文书

十岁生日答谢词

2015/01/05 职场文书

忆童年!用Python实现愤怒的小鸟游戏

2021/06/07 Python

MySQL详细讲解变量variables的用法

2022/06/21 MySQL