如何按标签值对元素排序（使用本机JavaScript）？

无法解决它。。。如何按标签值对元素排序（使用本机JavaScript）？主要问题是一些复选框应该被选中。以下是我的HTML：

  <div class="checkboxesArea">
        <input type="checkbox" name="checkboxG1" id="checkboxG1" class="css-checkbox" checked/>
        <label for="checkboxG1" class="css-label radGroup1">OOCSS</label>

        <input type="checkbox" name="checkboxG2" id="checkboxG2" class="css-checkbox" />
        <label for="checkboxG2" class="css-label radGroup1">Pug(Jade)</label>

        <input type="checkbox" name="checkboxG3" id="checkboxG3" class="css-checkbox" />
        <label for="checkboxG3" class="css-label radGroup1">Stylus/LESS/SASS</label>

    </div>

OOCSS
帕格（玉）
触控笔/更少/SASS

我已经解决了。这是密码

函数myFunction（）{
var sort_by_name=函数（a，b）{
a=a.textContent.toLowerCase（）；
b=b.textContent.toLowerCase（）；
if（ab）{
返回1；
}否则{
//a必须等于b
返回0；
}
}
var bigList=document.getElementById（'checkboxesArea'）；
var列表=[]；
list=document.getElementsByClassName（“singleCheckbox”）；
var arr=[].slice.call（列表）；
控制台日志（arr）；
函数SortTheHelloOutofit（）{
arr.sort（按名称排序）；
};
sortTheHellOutOfIt（）；
控制台日志（arr）；
bigList.innerHTML=“”；
控制台日志（arr[1]）；
函数循环（）{
对于（i=0；i
input[type=checkbox].css复选框{
位置：绝对；z索引：-1000；左：-1000px；溢出：隐藏；剪辑：矩形（0 0 0）；高度：1px；宽度：1px；边距：-1px；填充：0；边框：0；
}
输入[type=checkbox].css checkbox+label.css-label，输入[type=checkbox].css checkbox+label.css-label.clr{
左侧填充：25px；
高度：30px；
显示：内联块；
线高：40px；
背景图片：url(http://csscheckbox.com/checkboxes/u/csscheckbox_5b5bfbefda397e42988ac41ac712d977.png);
背景重复：无重复；
背景位置：0；
字号：18px；
垂直对齐：中间对齐；
光标：指针；
字体系列：calibri；
字体大小：粗体；
}
输入[type=checkbox]。css复选框：选中+label.css-label，输入[type=checkbox]。css复选框+label.css-label.chk{
背景图片：url(http://csscheckbox.com/checkboxes/u/csscheckbox_5b5bfbefda397e42988ac41ac712d977.png);
背景位置：0-30px；
}
label.css-label{
背景图片：url(http://csscheckbox.com/checkboxes/u/csscheckbox_5b5bfbefda397e42988ac41ac712d977.png);
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}

БМ/OOCSS
帕格（玉）
触控笔/更少/SASS
到目前为止，您尝试了什么？为什么某些复选框应该被选中是一个问题？你想实现什么？@RichGoldMD我在考虑应用labels方法array.sort（）。或者使用这种方法，但是一些复选框应该被选中的事实使得任务更加复杂。所以我想我不能使用任何一种方法，或者至少我不知道如何使用。我坚持用复选框。。。以及如何根据DOM对标签进行排序<代码>附加（列表）

并且不要通过更改元素的

html（）

来创建新节点。但您谈论的是“原生JavaScript”，并展示了jquery的一些不同之处。那是什么呢？但您仍然没有显示代码的外观。提示：如果使用此结构

，则可以删除标签上的

for

属性和输入上的

id

。您可以对一个简单的节点列表进行排序，而不必处理如何将

输入

和

标签

放在一起。@Thomas谢谢您的帮助，我已经解决了这个问题