HTML input标签的checked属性与Razor解析
在HTML中，input标签可以通过type属性设置为checkbox。同时，也就包含了一个checked属性。对于这个checked属性，有一个特别的地方就是，它可以不需要属性值就可以表示是否选择了。这背后的原因是源自于早期的HTML，checked是一个独立的boolean属性。
所以给1）checked赋值true
<input type="checkbox" checked="true" />
和2）直接写checked
<input type="checkbox" checked />
是等价的。
我在按照精通ASP.NET MVC4 和精通ASP.NET MVC5第5.4.2节中按照书中例子写了代码如下：
Discount:<input type="checkbox" checked ="@ViewBag.ApplyDiscount"/>
Express:<input type="checkbox" checked ="@ViewBag.ExpressShip"/>
Supplier:<input type="checkbox" checked ="@ViewBag.Supplier"/>
这里在checked 和 等号之间有一个空格，这就导致了razor在解析的时候直接把checked按照上面说的第二种方式解析了，这就导致了三个选项都被勾选，而且后面的ViewBag对象的属性被直接解释为了各自本来的意思。而不是按照书上所说，根据值得不同要么直接不解析checked属性，要么checked属性被赋值为checked即checked="checked"。上面的代码去掉空格就可以正确显示了。这也提醒我，在写checked属性时不要手贱打空格。
书里面在这一节最后一段第二句说的不明不白的，这里并不是翻译的问题，我找到了原书，原书写的也是不明不白。书中是这样说的：
“如果Razor插入False、null或者空字符串作为checked标签属性的值，那么，浏览器显示的复选框时已勾选的。但是，Razor在值为False或者null时，会完全栓除该属性标签”。这句话的意思是说，如果在Razor中checked被赋值为False、null或者空字符串时，浏览器会直接渲染成已勾选状态。而如果使用的是类似于上面ViewBag这种需要Razor求值的状况，就会自动把False、null和空字符串删掉这样就不会有勾选状态了。
附上在爆栈网上的提问。关于checked的详细看回答者。
最新文章
- cocos2dx day 3 - Chapter5 Scene
- UNET学习笔记3 - 网络系统的概念
- php基础21：上传文件
- Matlab中的括号（）[]{}
- 修改Capfile，在正式环境不再使用migration修改数据库
- 【Java 基础篇】【第七课】组合
- IE6 + png24 透明图片（滤镜）
- Linux下OpenCV的环境搭建
- 给Apache加载rewrite模块后，服务器返回500错误，以及a2enmod命令
- Linux强制踢出登录用户（断线账户剔除）
- Oracle数据库操作常见异常总结
- new Date参数问题
- css布局学习笔记之box-sizing
- auto_ptr 要点解析
- 【CSS3】transform-origin原点旋转
- c# 判断字符是否是全角, 获取字符串的字节数 , 获取字符串指定长度字节数的字符串
- 七天学会ASP.NET MVC (四)——Layout页面使用和用户角色管理 （代码下载）
- DBProxy 入门到精通系列(二):DBProxy快速入门教程
- 微信小程序没有返回按钮怎么办?微信小程序左上角返回按钮怎么调出来？
- hdu2586How far away ？-（LCA）