Question

function checkBoxStatus(){
var chkbxId=this.id.replace("CB","");
var text=document.getElementById("item"+chkbxId);
if(this.checked){
    text.style.textDecoration="line-through";
}else{
    text.style.textDecoration="none";
}
}function addNewItem(list){
totItems++;
var listItem=document.createElement("ul");
listItem.id="ul"+ totItems;

var listTxtbox=document.getElementById("ToDotxt").value;
if(!listTxtbox || listTxtbox=="" || listTxtbox== " "){
    return false;
}
var checkBox=document.createElement("input");
checkBox.type="checkBox";
checkBox.id="CB"+totItems;
checkBox.onclick=checkBoxStatus;

var span=document.createElement("span");
span.id="item"+totItems;
span.innerText=listTxtbox;
var removeBtn=document.createElement("button");
removeBtn.type="button";
removeBtn.id="remove"+totItems;
removeBtn.innerText="Remove";
removeBtn.onclick=function(){
    var removeID=document.getElementById("TodoList");
    var removeIDsecond=listItem.id;
    this.remove(removeIDsecond);
        }
listItem.appendChild(checkBox);
listItem.appendChild(span);
listItem.appendChild(removeBtn);
list.appendChild(listItem);
}
var totItems=0;
var btnAdd=document.getElementById("addbtn");



btnAdd.onclick=function (){
addNewItem(document.getElementById("TodoList"));
}

我希望删除按钮在我们点击它时删除整个列表。但目前它不会发生并删除按钮本身。请建议我在项目被删除时删除列表并单击删除按钮。

Answer 1

不是运行this.remove(removeIDsecond)，而是运行removeIDsecond.remove()

单击按钮删除特定列表项

1 个答案: