实现checkbox全选、反选、取消JavaScript小脚本异常

前端技术 2023/09/03 JavaScript
今天在实现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处理了，而我表单接受处理的脚本还是空着的，所以就产生了“刷新”的现象！

本文地址：https://www.stayed.cn/item/6354

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案