JavaScript列表框listbox全選和反選的實(shí)現(xiàn)方法
本文實(shí)例講述了JavaScript列表框listbox全選和反選的實(shí)現(xiàn)方法。分享給大家供大家參考。具體分析如下:
通過(guò)JS代碼對(duì)列表框進(jìn)行全選和反選是經(jīng)常要操作的,非常具有實(shí)用價(jià)值。
function listboxSelectDeselect(listID, isSelect) { var listbox = document.getElementById(listID); for(var count=0; count < listbox.options.length; count++) { listbox.options[count].selected = isSelect; } }
下面是一個(gè)詳細(xì)使用范例
Click below buttons to select or deselect all options from select box <br> <select id="lsbox" name="lsbox" size="10" multiple=""> <option value="1">India</option> <option value="2">United States</option> <option value="3">China</option> <option value="4">Italy</option> <option value="5">Germany</option> <option value="6">Canada</option> <option value="7">France</option> <option value="8">United Kingdom</option> </select> <br> <button onclick="listboxSelectDeselect('lsbox', true);">Select All</button> <button onclick="listboxSelectDeselect('lsbox', false);">Deselect All</button> <script> function listboxSelectDeselect(listID, isSelect) { var listbox = document.getElementById(listID); for(var count=0; count < listbox.options.length; count++) { listbox.options[count].selected = isSelect; } } </script>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- JS ListBox的簡(jiǎn)單功能實(shí)現(xiàn)代碼
- js 獲取Listbox選擇的值的代碼
- javascript實(shí)現(xiàn)listbox左右移動(dòng)實(shí)現(xiàn)代碼
- JavaScript如何從listbox里同時(shí)刪除多個(gè)項(xiàng)目
- 使用javascript實(shí)現(xiàn)ListBox左右全選,單選,多選,全請(qǐng)
- 用JavaScript實(shí)現(xiàn)類(lèi)似于ListBox功能示例代碼
- JavaScript控制兩個(gè)列表框listbox左右交換數(shù)據(jù)的方法
- JavaScript控制listbox列表框的項(xiàng)目上下移動(dòng)的方法
- 基于javascript實(shí)現(xiàn)listbox左右移動(dòng)
相關(guān)文章
跨瀏覽器開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)(三) 警惕“IE依賴(lài)綜合癥”
跨瀏覽器開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)(三) 警惕“IE依賴(lài)綜合癥”2010-05-05HTML5+setCutomValidity()函數(shù)驗(yàn)證表單實(shí)例分享
本文給大家分享的是在HTML5中結(jié)合setCutomValidity()函數(shù)實(shí)現(xiàn)驗(yàn)證表單的實(shí)例,非常的時(shí)間實(shí)用,這里推薦給大家,有需要的小伙伴可以參考下。2015-04-04關(guān)于Javascript中defer和async的區(qū)別總結(jié)
相信看過(guò)javascript高級(jí)程序設(shè)計(jì)的人,在javascript高級(jí)程序設(shè)計(jì)里,應(yīng)該看到了介紹了有關(guān)defer和async的區(qū)別,可是比較淺顯,而且也說(shuō)得不是很清楚。下面我們來(lái)通過(guò)這篇文章來(lái)詳細(xì)了解下dfer和async的區(qū)別。2016-09-09JavaScript實(shí)現(xiàn)設(shè)計(jì)模式中的單例模式的一些技巧總結(jié)
單例模式是JavaScript項(xiàng)目中最常用的設(shè)計(jì)模式之一,下面羅列了JavaScript實(shí)現(xiàn)設(shè)計(jì)模式中的單例模式的一些技巧總結(jié),包括惰性加載與分支技術(shù)等,需要的朋友可以參考下.2016-05-05H5頁(yè)面跳轉(zhuǎn)小程序的3種實(shí)現(xiàn)方式
這篇文章主要給大家介紹了關(guān)于H5頁(yè)面跳轉(zhuǎn)小程序的3種實(shí)現(xiàn)方式,說(shuō)出來(lái)你可能不信,每位商家?guī)缀醵紩?huì)h5轉(zhuǎn)跳到小程序、H5轉(zhuǎn)跳至小程序的應(yīng)用范圍十分廣闊,需要的朋友可以參考下2023-08-08javascript設(shè)計(jì)模式 – 工廠模式原理與應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 工廠模式,結(jié)合實(shí)例形式分析了javascript工廠模式基本概念、原理、定義、應(yīng)用場(chǎng)景及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-04-04CSS、JS文件無(wú)法正確加載至頁(yè)面問(wèn)題與解決辦法分享
這篇文章主要給大家介紹了關(guān)于CSS、JS文件無(wú)法正確加載至頁(yè)面問(wèn)題與解決辦法,文中通過(guò)圖文以及代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01JS實(shí)現(xiàn)很實(shí)用的對(duì)聯(lián)廣告代碼(可自適應(yīng)高度)
這篇文章主要介紹了JS實(shí)現(xiàn)很實(shí)用的對(duì)聯(lián)廣告代碼,可實(shí)現(xiàn)固定相對(duì)位置懸浮展示及跟隨屏幕上下滑動(dòng)等功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09