html - 尝试根据 Razor 页面上的复选框值更改背景颜色
问题描述
每当检查内部的复选框时,我都希望将其变成红色。Html.DisplayFor 使事情变得更复杂一些。SQL server 表中的 Inactive 字段是布尔值、零或一。
<td align="center">
@Html.DisplayFor(modelItem => item.Inactive)
</td>
查看表格时,该值为 0 或 1。该页面显示了一个所需的复选框,但我试图引用它的值并设置周围表格单元格的背景颜色。
解决方案
尝试使用EditFor
替换DisplayFor
,然后将以下js添加到您的视图中:
function changeColor(t) {
if (t.checked) {
$(t).parent().css('background', 'red');
} else {
$(t).parent().css('background', 'none');
}
}
$('input[type=checkbox]').change(function () {
changeColor(this);
})
$(function () {
$('input[type=checkbox]').each(function () {
changeColor(this);
});
})
推荐阅读
- python - 使用 python 应用程序进行多处理以缩短当前 36 小时的运行时间
- python - 我可以选择手动更新我的神经网络中的权重以允许基本上无限的批量大小吗?
- javascript - 使用 InjectionToken 进行注入?
- php - 如何在 Wordpress 中显示图像
- ios - IOS app crash with CFNetwork,但找不到问题
- ios - 在 mapbox 地图上用一根手指缩放似乎也改变了中心位置?
- python - 如何传递生成器以创建 threading.Thread 并访问参数数组中生成器的元素
- load - 寄存器编号如何影响 ISA 中的加载和存储次数?
- python - 熊猫映射到下周的星期一
- autosys - Autosys 一个作业可以同时运行多个实例吗