使用MVC中的复选框启用/禁用表单字段
使用MVC中的复选框启用/禁用表单字段
提问于 2021-04-20 13:39:38
在我的表单c#中，我有以下几个字段：
True/False作为checkboxA作为TextBoxFor值requiredB作为TextAreaFor值不需要
当选中复选框True/False时，我需要：
A值>>>不需要，并禁用此fieldB值>>> required
你能帮帮我吗?
我下面的代码
<div class="row">
<div class="col-md-12">
<div class="form-group" style="background-color: lightgoldenrodyellow; border:3px solid; font-weight:bold;">
<h5 style="font-weight: bold; text-indent: 20px;">
True/False @Html.CheckBoxFor(m => m.Truefalse, true)
</h5>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="form-group">
@Html.LabelFor(m => m.A)
@Html.TextBoxFor(m => m.A, "{0:dd/MM/yyyy}", new { @Class = "Mytextarea2", placeholder = "A" })
@Html.ValidationMessageFor(m => m.A, "", new { @class = "text-danger" })
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="form-group">
@Html.LabelFor(m => m.B)
@Html.TextAreaFor(m => m.B, new { style = "width: 420px; height: 100px;", placeholder = "B" })
</div>
</div>
</div>回答 2
Stack Overflow用户
回答已采纳
发布于 2021-04-20 15:27:37
在您的模型中，不要对字段A和B使用所需的注释。
在js中，为复选框添加一个onchange事件。此代码应启用/禁用A/B。
在提交表单时调用js时，编写一些前端验证代码，检查框的状态以及A/B文本框是否有效。
最后，负责服务器端验证。在那里，您可以检查模型的状态，并添加类似于您在前端验证中编写的逻辑。
Stack Overflow用户
发布于 2021-04-20 16:26:44
在Javascript中，在“更改方法”复选框中，您只需选中天气复选框为true，如果复选框值为true，则在要禁用的字段中添加禁用属性，否则，使用该字段删除禁用属性。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67180132
复制相关文章
相似问题
腾讯云开发者
