foreach中的删除线文本？

Question

我将 ASP.NET MVC4 和 C# 用于小型 Web 应用程序。它的用途是创建一个简单的待办事项列表。我正在努力解决的是我在 foreach 中显示了一个任务列表。每个任务都有一个复选框，基本上当单击复选框时（即为真），文本应该有一个删除线。我尝试使用 Javascript，但它不起作用。这是我的代码：

@foreach (var item in Model)
{
<tr style="border: 1px solid;"> 
    <td>
       <input type="checkbox" name="checkbox" onchange="taskDone(@item.Id)" />
    </td>
    <td>
       <p id="@item.Id">@Html.DisplayFor(modelItem => item.TaskDetails)</p>
    </td>
</tr>
}

和 Javascript：

<script language="javascript" type="text/javascript">
function taskDone(id) {
    var c = document.getElementById(id);
    if (this.checkbox.checked) {
        c.className = "strike";
    }
    else {
        c.className = "nostrike";
    }
}
</script>

还有一点 CSS：

.strike
{text-decoration: line-through;}

有人可以解释我哪里出错了。谢谢

Answer 1

问题是(this.checkbox.checked)，它没有引用复选框元素

将复选框 ID mychekbox 作为第二个参数传递给 taskDone()，获取该元素并验证它是否被 if(checkBox.checked) 选中，

<input id="mychekbox" type="checkbox" name="checkbox" onchange="taskDone(@item.Id, 'mychekbox')" />

function taskDone(id,  checkBoxId) {
    var c = document.getElementById(id);
    var  checkBox = document.getElementById(checkBoxId); //getting checkbox
    if (checkBox.checked) { //validating checked or not
        c.className = "strike";
    }
    else {
        c.className = "nostrike";
    }
}