当 HTML 属性与其值之间有空格时，剃刀损坏

Question

我有一个这样的ViewBag

ViewBag.ApplyDiscount = false;
ViewBag.ExpressShip = true;
ViewBag.Supplier = null;

还有一些cshtmlsn-ps 这样的

Discount:<input type="checkbox" checked="@ViewBag.ApplyDiscount"/>
Express:<input type="checkbox" checked="@ViewBag.ExpressShip"/>
Supplier:<input type="checkbox" checked="@ViewBag.Supplier"/>

razor 渲染cshtmlsn-ps 后，真正的html 将是

Discount:<input type="checkbox"/>
Express:<input type="checkbox" checked="checked"/>
Supplier:<input type="checkbox"/>

但如果我在checked 属性和=like 之间添加一个空格

Discount:<input type="checkbox" checked ="@ViewBag.ApplyDiscount"/>
Express:<input type="checkbox" checked ="@ViewBag.ExpressShip"/>
Supplier:<input type="checkbox" checked ="@ViewBag.Supplier"/>

razor 会以错误的方式渲染cshtml sn-p。 html 会是这样的：

Discount:<input type="checkbox" checked ="False"/>
Express:<input type="checkbox" checked ="True"/>
Supplier:<input type="checkbox" checked =""/>

无论是 MVC4(VS2012) 还是 MVC5(VS2015)，都会发生这种情况。

那么，谁能告诉我为什么空间会导致这件事发生？

Answer 1

因为检查本身是旧版 HTML 中的一个特殊的独立布尔属性，并且可以是没有属性值的有效语法。

它的存在表明该框已被选中。

例如

<input type="checkbox" checked />

和

<input type="checkbox" checked="true" />

以同样的方式执行。这就是为什么在 jquery 中我们总是使用 :checked 选择器。它混淆了检查变化的需要。