asp.net-mvc-3 - 如何使 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;
    }
}