基于mvc模型设置html复选框复选值
Setting html checkbox checked value based on mvc model
我有一个Edit视图,其中有一些复选框,需要根据模型中的值填充。我想避免使用不同的CheckBoxListFor扩展,因为我相信有一种更简单的方法可以做到这一点
我试图用javascript设置值,但最终选中了所有复选框,这是不可行的。这就是我尝试的:
function SetAdminCheckBox() {
var contains = @Model.RoleNames.Contains("Admin");
var True = true;
var result;
result = contains ? 'checked' : '';
return result;
}
<input type="checkbox" name="roleNames" value="Admin" checked="SetAdminCheckBox()"/>
我找到了一种方法,使用一些剃刀语法:
<input type="checkbox" name="roleNames" value="Admin" @if (Model.RoleNames.Contains("Admin")) {<text>checked="checked"</text>} />
您不能像那样使用"checked"属性,checked没有值,如果它存在,它要么存在,要么不存在,否则复选框被选中,否则不
使用if编写两个版本,一个将输出选中的属性,另一个不输出。
相关文章:
- javascript从选中的复选框中检索输入值,并在同一网页中显示多个html文件
- 如何将复选框值从 HTML 发送到 Node JS
- 使用 html 中的复选框切换表格上的颜色
- 多个复选框,如果正确,则更改背景图像(HTML/Javascript)
- 如果在 HTML/JavaScript 中选中了复选框,则填充单选按钮
- 根据签入的表单,在html电子邮件模板中将复选框标记为true
- 选中一个复选框后,使用html.checkbox自动禁用其他复选框
- 是否可以只使用CSS和HTML而不使用Javascript来完全自定义复选框
- 如何在HTML和JavaScript中检查复选框是否为真
- javascript/html 中的复选框
- 在复选框取消选中事件中从HTML下拉列表中删除项目
- 如何更改html中复选框的对齐方式
- 复选框将如何通过javascript触发html中的另一个输入元素
- ng动态生成的html/ionic复选框内的更改不绑定
- 选择多个复选框并将值分配给数组 - HTML/Javascript
- 带有复选框 (html) 的 If/Then 语句
- 任何一个输入所需的文本区域或 HTML 表单中的复选框
- 显示或隐藏基于复选框数据的 HTML 列表,Laravel 4
- 在运行时添加复选框并将其保存在 HTML 文件代码中
- 没有正确传递复选框-html表单的值(javascript)