快捷導(dǎo)航

實現(xiàn)checkbox全選、反選、取消JavaScript小腳本異常

更新時間：2014年04月10日 15:41:05 作者：

實現(xiàn)checkbox全選，反選，取消JavaScript小腳本的時出現(xiàn)點小異常，大家可以看看，以后就不要犯這個特別2的錯誤了

今天在實現(xiàn)checkbox全選，反選，取消JavaScript小腳本的時候，總是出現(xiàn)點擊后頁面瞬間刷新，選擇的checkbox全部取消的問題，debug了半天，才發(fā)現(xiàn)原來是<button>標(biāo)簽中少寫了一個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屬性的情況下，當(dāng)時瀏覽器默認將它當(dāng)submit處理了，而我表單接受處理的腳本還是空著的，所以就產(chǎn)生了“刷新”的現(xiàn)象！

您可能感興趣的文章:

相關(guān)文章

JavaScript使用RegExp進行正則匹配的方法
這篇文章主要介紹了JavaScript使用RegExp進行正則匹配的方法,實例分析了RegExp對象在進行正則匹配時的相關(guān)使用技巧,需要的朋友可以參考下
2015-07-07
JavaScript將一個數(shù)組插入到另一個數(shù)組的方法
這篇文章主要介紹了JavaScript將一個數(shù)組插入到另一個數(shù)組的方法,涉及javascript中Array.prototype.push.apply方法的使用技巧,非常具有實用價值,需要的朋友可以參考下
2015-03-03
JS實戰(zhàn)篇之收縮菜單表單布局
這篇文章主要介紹了JS實戰(zhàn)篇之收縮菜單表單布局的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-12-12
js換圖片效果可進行定時操作
換圖片效果想必大家都有見到過吧，但是定時換圖片，貌似就很少見了，下面本文通過一個示例為大家詳細介紹下
2014-06-06
js中各種數(shù)據(jù)類型檢測和判定的實戰(zhàn)示例
typeof一般被用于判斷一個變量的類型,我們可以利用typeof來判斷number,string,object,boolean,function,undefined,symbol這七種類型,下面這篇文章主要給大家介紹了關(guān)于js中各種數(shù)據(jù)類型檢測和判定的相關(guān)資料,需要的朋友可以參考下
2022-11-11
動態(tài)加載iframe時get請求傳遞中文參數(shù)亂碼解決方法
這篇文章主要介紹了動態(tài)加載iframe時get請求傳遞中文參數(shù)亂碼解決方法,需要的朋友可以參考下
2014-05-05
跨瀏覽器的設(shè)置innerHTML方法
跨瀏覽器的設(shè)置innerHTML方法...
2006-09-09
JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea
JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea：項目中遇到的問題，特此記錄。
2011-01-01
JS前端圖片最優(yōu)化壓縮方案
這篇文章主要為大家介紹了JS前端圖片最優(yōu)化壓縮方案，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-09-09
微信公眾平臺開發(fā)教程（五）詳解自定義菜單
這篇文章主要介紹了微信公眾平臺開發(fā)教程（五）詳解自定義菜單，具有一定的參考價值，感興趣的小伙伴們可以參考一下。
2016-12-12