JavaScript列錶框listbox全選和反選的實作方法_javascript技巧

本文實例講述了JavaScript列錶框listbox全選和反選的實作方法。分享給大家供大家參考。具體分析如下：

透過JS程式碼對列錶框進行全選和反選是經常要操作的，非常具有實用價值。

function listboxSelectDeselect(listID, isSelect) {
  var listbox = document.getElementById(listID);
  for(var count=0; count < listbox.options.length; count++) {
      listbox.options[count].selected = isSelect;
  }
}

以下是詳細使用範例

Click below buttons to select or deselect all options from select box


  
    India
    United States
    China
    Italy
    Germany
    Canada
    France
    United Kingdom
   

Select All
Deselect All
<script>
function listboxSelectDeselect(listID, isSelect) {
  var listbox = document.getElementById(listID);
  for(var count=0; count &lt; listbox.options.length; count++) {
      listbox.options[count].selected = isSelect;
  }
}
</script>

希望本文所述對大家的javascript程式設計有所幫助。