我需要在JavaScript代码中添加复选框，但我可以'；T我怎么做？

在JavaScript代码中添加复选框时出现问题

我想通过拖动元素来替换选中和未选中的元素

我想在元素的开头添加一个复选框，并将添加的元素添加到列表的开头

我希望所选选项位于底部

我怎么做

var close=document.getElementsByClassName（“close”）；
var i；
对于（i=0；i

正文{
保证金：0；
最小宽度：250px；
}
* {
框大小：边框框；
背景色：#292c30；
颜色：白色；
}
保险商实验室{
列表样式类型：无；
}
ulli{
宽度：51%；
光标：指针；
位置：相对位置；
填充：15px 8px 12px 40px；
列表样式类型：无；
字号：17px；
字体风格：普通；
过渡：0.2s；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
保险商实验室检查{
边界：#292c30 1px；
断线：自动；
颜色：rgb（121、113、113）；
文字装饰：线条贯通；
字体：斜体；
}
ul li.已检查：：之前{
内容：''；
位置：绝对位置；
边框颜色：rgb（121、113、113）；
边框样式：实心；
边框宽度：0 2px 2px 0；
顶部：10px；
左：16px；
变换：旋转（45度）；
高度：15px；
宽度：7px；
}
.结束{
位置：绝对位置；
右：0；
排名：0；
宽度：30%；
填充：10px；
}
.标题{
填充：25px 60px；
颜色：rgb（121、113、113）；
文本对齐：左对齐；
字体风格：普通；
}
.标题：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
输入{
保证金：0；
边界：rgb（121113113）；
边界半径：0；
宽度：30%；
填充：10px；
浮动：左；
字体大小：15px；
字体风格：普通；
}
.addBtn{
填充：10px；
宽度：15%；
浮动：左；
文本对齐：居中；
字体大小：16px；
光标：指针；
过渡：0.3s；
边界半径：0；
}

+