實(shí)現(xiàn)checkbox全選、反選、取消JavaScript小腳本異常
更新時(shí)間：2014年04月10日 15:41:05 作者：
實(shí)現(xiàn)checkbox全選，反選，取消JavaScript小腳本的時(shí)出現(xiàn)點(diǎn)小異常，大家可以看看，以后就不要犯這個(gè)特別2的錯(cuò)誤了
今天在實(shí)現(xiàn)checkbox全選，反選，取消JavaScript小腳本的時(shí)候，總是出現(xiàn)點(diǎn)擊后頁(yè)面瞬間刷新，選擇的checkbox全部取消的問(wèn)題，debug了半天，才發(fā)現(xiàn)原來(lái)是<button>標(biāo)簽中少寫了一個(gè)type屬性的原因，郁悶啊，希望自己以后少犯這種特別2的錯(cuò)誤，特此記錄。
<!-- 以下為錯(cuò)誤寫法 -->
<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的描述，瞬間明白了，在沒(méi)寫type屬性的情況下，當(dāng)時(shí)瀏覽器默認(rèn)將它當(dāng)submit處理了，而我表單接受處理的腳本還是空著的，所以就產(chǎn)生了“刷新”的現(xiàn)象！
復(fù)制代碼 代碼如下:
<!-- 以下為錯(cuò)誤寫法 -->
<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的描述，瞬間明白了，在沒(méi)寫type屬性的情況下，當(dāng)時(shí)瀏覽器默認(rèn)將它當(dāng)submit處理了，而我表單接受處理的腳本還是空著的，所以就產(chǎn)生了“刷新”的現(xiàn)象！
您可能感興趣的文章:
- 利用Vue.js實(shí)現(xiàn)checkbox的全選反選效果
- javascript實(shí)現(xiàn)checkBox的全選，反選與賦值
- js實(shí)現(xiàn)checkbox全選、不選與反選的方法
- 兩種不同的方法實(shí)現(xiàn)js對(duì)checkbox進(jìn)行全選和反選
- js實(shí)現(xiàn)checkbox全選和反選示例
- jquery、js操作checkbox全選反選
- js操作CheckBoxList實(shí)現(xiàn)全選/反選(在客服端完成)
- Jquery CheckBox全選方法代碼附j(luò)s checkbox全選反選代碼
- javaScript checkbox 全選/反選及批量刪除
- javascript checkbox全選和反選的簡(jiǎn)單實(shí)現(xiàn)
相關(guān)文章
JavaScript使用RegExp進(jìn)行正則匹配的方法
這篇文章主要介紹了JavaScript使用RegExp進(jìn)行正則匹配的方法,實(shí)例分析了RegExp對(duì)象在進(jìn)行正則匹配時(shí)的相關(guān)使用技巧,需要的朋友可以參考下2015-07-07
JavaScript將一個(gè)數(shù)組插入到另一個(gè)數(shù)組的方法
這篇文章主要介紹了JavaScript將一個(gè)數(shù)組插入到另一個(gè)數(shù)組的方法,涉及javascript中Array.prototype.push.apply方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了JS實(shí)戰(zhàn)篇之收縮菜單表單布局的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
換圖片效果想必大家都有見(jiàn)到過(guò)吧，但是定時(shí)換圖片，貌似就很少見(jiàn)了，下面本文通過(guò)一個(gè)示例為大家詳細(xì)介紹下2014-06-06
js中各種數(shù)據(jù)類型檢測(cè)和判定的實(shí)戰(zhàn)示例
typeof一般被用于判斷一個(gè)變量的類型,我們可以利用typeof來(lái)判斷number,string,object,boolean,function,undefined,symbol這七種類型,下面這篇文章主要給大家介紹了關(guān)于js中各種數(shù)據(jù)類型檢測(cè)和判定的相關(guān)資料,需要的朋友可以參考下2022-11-11
動(dòng)態(tài)加載iframe時(shí)get請(qǐng)求傳遞中文參數(shù)亂碼解決方法
這篇文章主要介紹了動(dòng)態(tài)加載iframe時(shí)get請(qǐng)求傳遞中文參數(shù)亂碼解決方法,需要的朋友可以參考下2014-05-05
跨瀏覽器的設(shè)置innerHTML方法...2006-09-09
JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea
JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea：項(xiàng)目中遇到的問(wèn)題，特此記錄。2011-01-01
這篇文章主要為大家介紹了JS前端圖片最優(yōu)化壓縮方案，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要介紹了微信公眾平臺(tái)開發(fā)教程（五）詳解自定義菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2016-12-12