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

jQuery select控制插件

Aug 17 Javascript

js里取容器大小、定位、距离等属性搜集整理

Aug 19 Javascript

DOM 高级编程

May 06 Javascript

javascript实现动态标签云

Oct 16 Javascript

jQuery实现只允许输入数字和小数点的方法

Mar 02 Javascript

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

Dec 20 Javascript

Javascript中的getter和setter初识

Aug 17 Javascript

浅谈Vue.nextTick 的实现方法

Oct 25 Javascript

angular2中Http请求原理与用法详解

Jan 11 Javascript

微信小程序使用Vant Weapp组件库的方法步骤

Aug 01 Javascript

基于axios 的responseType类型的设置方法

Oct 29 Javascript

通过实例解析vuejs如何实现调试代码

Jul 16 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