编程 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+mapbar实现地图定位

Apr 09 Javascript

jquery实用代码片段集合

Aug 12 Javascript

javascript克隆对象深度介绍

Nov 20 Javascript

学习js在线html(富文本,所见即所得)编辑器

Dec 18 Javascript

使用jquery.upload.js实现异步上传示例代码

Jul 29 Javascript

JavaScript中调用函数的4种方式代码实例

Jul 08 Javascript

JavaScript子窗口调用父窗口变量和函数的方法

Oct 09 Javascript

JQuery中attr属性和jQuery.data()学习笔记【必看】

May 18 Javascript

vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果

Apr 08 Javascript

vue-cli3项目展示本地Markdown文件的方法

Jun 07 Javascript

vue中使用GraphQL的实例代码

Nov 04 Javascript

原生js实现无缝轮播图效果

Jan 28 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