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