C# MVC5基于另一个textbox值动态禁用textbox

C# MVC5基于另一个textbox值动态禁用textbox,c#,asp.net,asp.net-mvc,razor,html.textbox,C#,Asp.net,Asp.net Mvc,Razor,Html.textbox,我有一个MVC5项目,有两个文本框字段(客户id、文档id)和一个下拉列表 我希望根据文档id值动态启用或禁用客户端id文本框和下拉列表,例如,如果我在文档id文本框中写入了一些内容,我希望看到客户端id文本框和下拉列表被禁用,如果我从文档id文本框中删除文本,我希望看到启用的客户端id文本框和下拉列表 到目前为止,我已经做了研究,老实说,我无法找到确切的答案。我读了一些关于jquery的文章,但我在javascript方面很弱 这是我的密码。我怎样才能达到预期的结果 <span>@

我有一个MVC5项目,有两个文本框字段(客户id、文档id)和一个下拉列表

我希望根据文档id值动态启用或禁用客户端id文本框和下拉列表,例如,如果我在文档id文本框中写入了一些内容,我希望看到客户端id文本框和下拉列表被禁用,如果我从文档id文本框中删除文本,我希望看到启用的客户端id文本框和下拉列表

到目前为止,我已经做了研究,老实说,我无法找到确切的答案。我读了一些关于jquery的文章,但我在javascript方面很弱

这是我的密码。我怎样才能达到预期的结果

<span>@Html.DisplayNameFor(model => model.ClientId).ToString():</span>
@Html.TextBox("ClientId", Model.Count()>0? Model.FirstOrDefault().ClientId:"", new { @class = "inline" })

<span>@Html.DisplayNameFor(model=>model.DocumentIdentificationId).ToString():</span>
@Html.TextBox("DocumentIdentificationId", Model.Count() > 0 ? Model.FirstOrDefault().DocumentIdentificationId: "", new {@class = "inline" })

<span>@Html.DisplayNameFor(model => model.DocumentType).ToString():</span>
@Html.DropDownList("DocumentTypes", new SelectList(documentTypes, "DocType", "DocName"),"", new { @class = "inline" }) 
@Html.DisplayNameFor(model=>model.ClientId).ToString():
@Html.TextBox(“ClientId”,Model.Count()>0?Model.FirstOrDefault().ClientId:”,new{@class=“inline”})
@Html.DisplayNameFor(model=>model.DocumentIdentificationId).ToString():
@TextBox(“DocumentIdentificationId”,Model.Count()>0?Model.FirstOrDefault().DocumentIdentificationId:”,new{@class=“inline”})
@Html.DisplayNameFor(model=>model.DocumentType).ToString():
@DropDownList(“DocumentTypes”,新选择列表(DocumentTypes,“DocType”,“DocName”),“”,新{@class=“inline”})

您可以编写脚本来执行此操作

因为
@Html.TextBox(“ClientId”,Model.Count()>0?Model.FirstOrDefault().ClientId:”,新的{@class=“inline”})
将生成id=ClientId的输入标记

您可以使用变更事件或键控事件来满足您的需求

$(“#ClientId”).keyup(函数(){
if($(this.val()!=“”){
$(“#DocumentIdentificationId”).attr(“禁用”、“禁用”);
$(“#文档类型”).attr(“禁用”、“禁用”);
}否则{
$(“#DocumentIdentificationId”).prop(“禁用”,false);
$(“#DocumentTypes”).prop(“已禁用”,false);
}
})

试验

如果我不按任何按钮来触发此脚本,如何调用此函数?如果要按,可以处理keyup事件,它会立即禁用