今天在實現checkbox全選,反選,取消JavaScript小腳本的時候,總是出現點擊後頁面瞬間刷新,選擇的checkbox全部取消的問題,debug了半天,才發現原來是<button>標籤中少寫了一個type屬性的原因,鬱悶啊,希望自己以後少犯這種特別2的錯誤,特此記錄。
複製代碼代碼如下:
<!-- 以下為錯誤寫法-->
<button name="checkAll" value="全選" onClick="checkAll(form_favor,status)">全選</button>
複製代碼代碼如下:
<!-- 正確寫法-->
<button name="checkAll" type="button" value="全選" onClick="checkAll(form_favor,status)">全選</button>
看了w3c的描述,瞬間明白了,在沒寫type屬性的情況下,當時瀏覽器默認將它當submit處理了,而我表單接受處理的腳本還是空著的,所以就產生了“刷新”的現象!