Changeset 33109 for main/trunk/greenstone3/web/interfaces/default/js/berrybasket/berrycheckout.js

Timestamp:

2019-05-24T23:56:45+12:00 (5 years ago)

Author:

ak19

Message:

Added a toggling Select All checkbox and tested it works in conjuction with Delete All and Delete Selected (the latter after deselected some of the items after Select All).

File:

• main/trunk/greenstone3/web/interfaces/default/js/berrybasket/berrycheckout.js (modified) (2 diffs)

main/trunk/greenstone3/web/interfaces/default/js/berrybasket/berrycheckout.js

@@ -19 +19 @@
 var options = ['fullview', 'textview', 'email'];
 
+function toggleSelectAll(selAllCheckbox) {
+    // https://stackoverflow.com/questions/386281/how-to-implement-select-all-check-box-in-html
+    var allBerriesCheckboxList = document.getElementsByName('select-berry-checkbox');
+    for (var i = 0; i < allBerriesCheckboxList.length; i++) {
+    // if the selectAllCheckbox is checked, then all the berries' checkboxes will get checked
+    // And vice-versa.
+    allBerriesCheckboxList[i].checked = selAllCheckbox.checked;
+    }
+}
+
 function deleteSelected() {
     
     if(docList.length == 0) return; // no berries on page, nothing to delete
 
-    // https://stackoverflow.com/questions/386281/how-to-implement-select-all-check-box-in-html
     // https://stackoverflow.com/questions/590018/getting-all-selected-checkboxes-in-an-array
     // https://www.w3schools.com/jsref/met_document_queryselectorall.asp
@@ -145 +154 @@
     }
 
-    // Ensure the delete-all and delete-selected checkboxes are deselected
-    YAHOO.util.Dom.get('delall-checkbox').checked = false; 
-    YAHOO.util.Dom.get('delselected-checkbox').checked = false; 
+    // Ensure the select-all, delete-all and delete-selected checkboxes are deselected
+    YAHOO.util.Dom.get('select-all-checkbox').checked = false; 
+    YAHOO.util.Dom.get('delete-selected-checkbox').checked = false;
+    YAHOO.util.Dom.get('delete-all-checkbox').checked = false; 
     }