JavaScriptでの全選択と選択反転の実装方法 listbox_javascriptスキル

この記事の例では、JavaScriptのリストボックスの全選択と選択を反転する実装方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

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 プログラミング設計に役立つことを願っています。