如何使td标签像复选框一样执行

Question

我想在MVC中制作TD标签就像一个复选框。如果我点击TD我想在已选中和未选中之间切换。关于如何实现这一目标的任何想法？

Answer 1

这可能是一种旧式的方法。 无论如何，我这样做的方法是使用客户端Javascript管理td的状态，例如在点击时更改td的背景颜色。如果您需要发布“表单”数据，您可以使用隐藏的复选框，该复选框也会在onClick中同步。您需要为每个td设置一个唯一的ID并调用一些js函数，如：

function toggleTD(id){
    document.getElementById("checkbox" + id).checked = !document.getElementById("checkbox" +     id).checked;
    if (document.getElementById("checkbox" + id).checked){
        document.getElementById(id).className = something;
    }
    else{
        document.getElementById(id).className = somethingElse;
    }
}