Checkbox that will select all items in a multi-select listbox

[Carioca]

In my search form in Reports DataPage, I want to select all the items in a multi-select listbox when my checkbox  is checked. Also, when it is unchecked, all the items should be deselected. Any ideas?

[AtayBalunbalunan]

You can use the code below as a reference.

<script type="text/javascript">
document.addEventListener('DataPageReady', function (event) {

  var c_checkbox = document.getElementById("selectAll") ;
  var elementID = event.detail.uniqueSuffix; 

  function c_event () {
    if (c_checkbox.checked) {
      var listBox = document.getElementById('Value1_1' + elementID);
      for (i = 0; i < listBox.options.length; i++)
      	listBox.options[i].selected = true;
   }
   else {
      var listBox = document.getElementById('Value1_1' + elementID);
      for (i = 0; i < listBox.options.length; i++)
        listBox.options[i].selected = false;
    }
  }

  c_checkbox.onclick = c_event;
});
</script>

 

Add this in your search's footer with the HTML editor being disabled. Just make the necessary changes for your form elements' ID attribute. You may use this guide for that.

[Vitalikssssss]

Hi @Carioca,

BTW there is a setting in Datapage wizard available for this.

Regards,

vitalikssssss

[Carioca]

Hi Vitalikssssss, I'm not using a List data type for the field but Text (255) instead. 

But thank you for sharing that info.