Javascript 如何使用复选框装饰文本？

我正试图用Javascript构建一个待办事项应用程序，现在我正试图弄清楚，如何用复选框删除待办事项并撤销它。我已经试着用一个按钮来达到同样的效果，当我点击按钮时，我得到了要删除的文本，但是我不知道如何撤销它

函数newToDo（）{ if（document.getElementById（“input_todo”）.value==“”）{ 确认（“您是澳大利亚的朋友。”） }否则{ var newLi=document.createElement（“LI”）； newLi.id=“itemLi”； newLi.innerHTML=document.getElementById（“input_todo”）.value； var allTodos=document.getElementById（“allTodos”）； var checkBox=document.createElement（“输入”）； checkBox.id=“checkBox”； checkBox.type=“checkBox”； var buttonDel=document.createElement（“按钮”）； buttonDel.id=“buttonDel”； setAttribute（'onclick'，'delToDo（）'）； allTodos.appendChild（newLi）； newLi.appendChild（复选框）； newLi.appendChild（buttonDel）； document.getElementById（“input_todo”）.value=“”； 如果（checkBox.checked==“true”）{ document.getElementById（“itemLi”）.style.textDecoration=“行通过”； }否则{ document.getElementById（“itemLi”）.style.textDecoration=“无”； } } } 函数delToDo（）{ allTodos.removeChild（itemLi）； }

#输入待办事项{
宽度：500px；
高度：24px；
字体大小：16px；
}
#但是!{
宽度：100px；
高度：30px；
}
#itemDiv{
边框：1px纯黑；
}
#布顿贾{
宽度：50px；
高度：25px；
}
#巴通德尔{
宽度：50px；
高度：25px；
}

做
做李斯特
创造

当您想要设置复选框之类的样式时，请使用

元素。当使用

for

属性连接到输入时，可以单击该属性以选中或取消选中输入。所有其他输入元素和标签组合也是如此

当涉及到样式时，只需求助于CSS。输入的

：checked

伪选择器可以检查输入是否被选中，并相应地更改样式

如果要创建元素并将其附加到文档中，则不要使用

id

属性，而是使用类。ID必须是唯一的，否则它们是无用的

ul{
填充：0；
列表样式：无；
}
李{
利润率：15px0；
}
输入[type=“checkbox”]{
显示：无；
}
标签{
显示：块；
位置：相对位置；
填充：15px；
边界半径：5px；
边框：1px实心#f0；
背景色：#f7f7f7；
盒影：0 2px 10px 0 rgba（0,0,0,0.25）；
光标：指针；
字体系列：无衬线；
颜色：#333333；
转换：100ms易入易出；
过渡属性：框阴影、变换；
}
标签：悬停{
盒影：0px0px0rgba（0,0,0,0.25）；
变换：translate3d（0，-2px，0）；
}
标签：：之后{
内容：“；
显示：块；
位置：绝对位置；
高度：2倍；
宽度：计算（100%+10px）；
左：-5px；
最高：50%；
转换：转换（0，-50%）scaleX（0）；
变换原点：左中心；
背景色：红色；
转换：转换250ms缓进缓出；
}
输入[type=“checkbox”]：选中+标签：：之后{
转换：翻译（0，-50%）；
}

我必须做的任务


我必须做的另一项任务