JSFiddle - React, Tailwind, and code Playground

by Tech Heliconia

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<ul>
<li>Ten ** having 0<input type="checkbox" name="siz" data-order='0'/></li>
<li>Ten<input type="checkbox" name="siz" data-order='0'/></li>
<li>One <input type="checkbox" data-order='-1' name="One" value="1"/></li>
<li>Two <input type="checkbox" data-order='-2' name="twp"/></li>
<li>threee<input type="checkbox" name="thre" data-order='3'/></li>
<li>Four<input type="checkbox" name="for" data-order='4'/></li>
<li>Five<input type="checkbox" data-order='5' name="fibe"/></li>
<li>Six<input type="checkbox" name="siz" data-order='6'/></li>
<li>Seven<input type="checkbox" name="siz" data-order='7'/></li>
<li>Eight<input type="checkbox" name="siz" data-order='8'/></li>
<li>Nine<input type="checkbox" name="siz" data-order='9'/></li>
<li>Ten ** having 0<input type="checkbox" name="siz" data-order='0'/></li>

</ul>

JavaScript

var elems = $('ul li');

elems.sort(function(a, b) {
    return $(a).find('input').attr('data-order') > $(b).find('input').attr('data-order')
}).appendTo(elems.parent());