сортировка чекбоксов по нажатию кнопки jQuery

148
03 июля 2019, 16:00

Есть кнопка по нажатию которой checked чекбоксы должны быть вверху списка .В моем коде сортируются только чекбоксы ,а не сами "задачи"

html 

<body>
<ul id="list-items"></ul>
<form class="add-items">
  <input type="text" class="form-control" id="todo-list-item" placeholder="task?">
  <button class="add" type="submit">add</button>
</form>
<button class="sort">sort</button>
<button class="done">close</button>
<script src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<script src="main.js"></script>
</body>

ф-ция сортировки 

$('.sort').click(function(){
  var sortM = $("#list-items  li input");
  sortM.sort(function(a2,a1){
    if (a1.checked===true&&a2.checked===true) {
     console.log(0);
     return 0;
    }
    if (a1.checked===false&&a2.checked===false) {
     console.log(0);
     return 0;
    }
    if (a1.checked===true&&a2.checked===false) {
     console.log(1);
     return 1;
    }
    if (a1.checked===false&&a2.checked===true) {
     console.log(-1);
     return -1;
    }
  });
    $('#list-items').append(sortM);
});

добавление элемента 

$('#list-items').append("<li><input class='checkbox' type='checkbox'/>" + item + "<a class='remove'>x</a><hr></li>");

READ ALSO
Как добавить полифилл?
javascript

Как добавить полифилл?

Имеется следующий код

 193
Как сделать проверку формы?
javascript

Как сделать проверку формы?

После нажатия Submit идёт проверка формыСначала делаются проверки при помощи AJAX

 138
объединить 2 картинки
javascript

объединить 2 картинки

Столкнулся с таким вопросомУ меня есть страница, на которой есть изображение и кнопка добавить изображение для пользователя

 118
Не понятное мне поведение Javascript
javascript

Не понятное мне поведение Javascript

Есть простейший к примеру код:

 125