今天在實現(xiàn)checkbox全選，反選，取消JavaScript小腳本的時候，總是出現(xiàn)點擊后頁面瞬間刷新，選擇的checkbox全部取消的問題，debug了半天，才發(fā)現(xiàn)原來是<button>標簽中少寫了一個type屬性的原因，郁悶啊，希望自己以后少犯這種特別2的錯誤，特此記錄。

復(fù)制代碼代碼如下:

 
<!-- 以下為錯誤寫法 --> 
<button name="checkAll" value="全選" class="checkButton" onClick="checkAll(form_favor,status)">全選</button> 

復(fù)制代碼代碼如下:

 
<!-- 正確寫法 --> 
<button name="checkAll" type="button" value="全選" class="checkButton" onClick="checkAll(form_favor,status)">全選</button> 

看了w3c的描述，瞬間明白了，在沒寫type屬性的情況下，當時瀏覽器默認將它當submit處理了，而我表單接受處理的腳本還是空著的，所以就產(chǎn)生了“刷新”的現(xiàn)象！

您可能感興趣的文章:

相關(guān)文章

javascript實現(xiàn)劃詞標記+劃詞搜索功能
javascript實現(xiàn)劃詞標記+劃詞搜索功能...
2007-03-03
JavaScript 在各個瀏覽器中執(zhí)行的耐性
經(jīng)常會遇到這樣一個情況：瀏覽器彈出對話框，提示腳本運行時間過長，詢問“停止”還是“繼續(xù)”。那究竟各個瀏覽器是如何判斷在什么時候才彈出此對話框呢？
2009-04-04
js 自制滾動條的小例子
js 自制滾動條的小例子，需要的朋友可以參考一下
2013-03-03
Bootstrap每天必學(xué)之基礎(chǔ)排版
Bootstrap每天必學(xué)之基礎(chǔ)排版，排版是學(xué)習(xí)的最基礎(chǔ)環(huán)節(jié)，相當于地基，所以大家一定要認真對待，認真學(xué)習(xí)本文內(nèi)容。
2015-11-11
小程序自定義組件全局樣式不生效的解決方法
在使用原生框架開發(fā)小程序時遇到一個問題，在 app.wxss 中定義的全局樣式在自定義組件中不生效，本文就詳細的介紹一下，感興趣的可以了解一下
2021-08-08
本文通過實例給大家詳解介紹了Bootstrap筆記之縮略圖、警告框知識，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-03-03