html改变被选中样式,怎样改变CheckBox前面内容的样式，当被选中之后

看了你的评论，沙发应该休息了。

使用他的代码根据你的需求改动的。

注：代码来自沙发，根据你的需求改动了一下。

改变label的样式，只要修改一下 css 的red样式(也可以换个名字，js中同步换)

Document

.finished {

color: red;

}

var issues = 'xxxx', begins = '2017', deadline = '2018';

var div = document.createElement("div");

var addtask = document.createElement("label");

addtask.innerHTML = issues + " form " + begins + " to " + deadline;

addtask.setAttribute("for", " ");

var taskbox = document.getElementById("list");

//taskbox.appendChild(addtask);//添加任务

var taskcheck = document.createElement("input");

taskcheck.type = "checkbox";

taskcheck.setAttribute("class", "taskboxcheck");

//taskcheck.name = "check";

div.appendChild(addtask);

div.appendChild(taskcheck);

taskbox.appendChild(div);

$(document).on('click', '.taskboxcheck', function () {

console.log(1);

if ($(this).is(':checked')) {

$(this).prev().addClass('finished')

}

else {

$(this).prev().removeClass('finished')

}

})