Для поднятия отмеченных checkbox в начало списка в JavaScript, можно использовать следующий алгоритм:
1. Получить все элементы checkbox на странице, используя метод querySelectorAll
и селектор "input[type='checkbox']"
. Например:
const checkboxes = document.querySelectorAll("input[type='checkbox']");
2. Создать пустой массив для хранения отмеченных checkbox. Например:
const checkedCheckboxes = [];
3. Пройти по всем элементам из полученного списка checkbox с помощью цикла forEach
и проверить, отмечен ли каждый элемент. Если элемент отмечен, добавить его в массив checkedCheckboxes
. Например:
checkboxes.forEach(checkbox => { if (checkbox.checked) { checkedCheckboxes.push(checkbox); } });
4. Удалить отмеченные checkbox из исходного списка. Для этого можно использовать метод remove
у родительского элемента checkbox. Например:
checkedCheckboxes.forEach(checkbox => { checkbox.parentNode.remove(); });
5. Вставить удаленные checkbox в начало списка. Для этого можно использовать метод prepend
у родительского элемента списка. Например:
const list = document.querySelector("ul"); checkedCheckboxes.forEach(checkbox => { list.prepend(checkbox); });
После выполнения данных шагов, отмеченные checkbox будут подняты в начало списка. Пожалуйста, обратите внимание, что в примере использован селектор ul
для выбора списка, но в вашем случае это может быть другой селектор, соответствующий вашей разметке.