|
@@ -1,15 +1,15 @@
|
|
|
-const selectAllBtn = document.querySelector('#select-all');
|
|
|
+const selectAllCheckboxes = document.querySelector('#select-all');
|
|
|
const checkboxes = document.querySelectorAll('.checkbox');
|
|
|
const deleteBtn = document.querySelector('#delete');
|
|
|
|
|
|
-selectAllBtn.addEventListener('click', eventCheckBox);
|
|
|
+selectAllCheckboxes.addEventListener('click', eventCheckBox);
|
|
|
|
|
|
|
|
|
* @description Event handler for select all checkbox
|
|
|
*/
|
|
|
function eventCheckBox () {
|
|
|
|
|
|
- if (selectAllBtn.checked) {
|
|
|
+ if (selectAllCheckboxes.checked) {
|
|
|
checkboxes.forEach(checkbox => {
|
|
|
checkbox.checked = true;
|
|
|
});
|
|
@@ -37,4 +37,6 @@ function handleCheckboxChange() {
|
|
|
|
|
|
checkboxes.forEach((checkbox)=> {
|
|
|
checkbox.addEventListener("change", handleCheckboxChange);
|
|
|
-});
|
|
|
+});
|
|
|
+
|
|
|
+selectAllCheckboxes.addEventListener('click', handleCheckboxChange);
|