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

193
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

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

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

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

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

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

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

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

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

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

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

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

 165