c# - 将相同的标签分组并一起更改文本 - c# / Javascript

Question

我有一个 asp.net C# MVC Razor 视图，允许用户将输入字段的单位从公制更改为英制。大约有十几个标签都需要同时更改为相同的文本，没有例外（“mm”=>“inch”和vis verse）。

由于 dot net 框架要求每个元素都有唯一的 ID 字段，我试图找到另一种方法将它们组合在一起并在客户端更改它们。

给每个人一个唯一的 ID 并在 if/then 语句中单独调用每个人以在它们相同时切换测量系统似乎很愚蠢。一定有更好的方法。

我尝试使用 @ViewBag 但我发现 javascript 只能读取该值而不能在客户端更改它。

@Html.Label("display_units", "mm", new { id = "lbl_units" })

感谢您的帮助和建议。

Answer 1

为您的标签提供一个常见的 CSS 类，例如“显示单元”。然后从 Javascript 代码中，您可以使用 jQuery 查找该类的所有标签并更改文本：

$(".display-units").text('mm');

Answer 2

KnockoutJS 就是为解决此类问题而编写的，即将您的视图模型绑定到您的视图。