指示内容是否已更改

时间:2015-04-20 10:54:09

标签: javascript jquery twitter-bootstrap

我是前端新手并且有以下问题。 页面上的第一个输入(class =" form-control")是为某些系统ID准备的。点击按钮后,它应该用名称,地址等属性填充其他禁用的输入...它工作正常,现在我想删除第一个ID输入的内容已更改的禁用输入的内容。

我所拥有的就是这样的。

CSS:

<div class="idWrap">
    @Html.LabeledEditorFor(o => o.Id)
</div>

//BUTTON HERE

<fieldset disabled>
    @Html.LabeledEditorFor(o => o.FirstName)
    @Html.LabeledEditorFor(o => o.LastName)
    @Html.LabeledEditorFor(o => o.Address1)
</fieldset>

剃刀:

@Html.TextBoxFor(model => model, new Dictionary<string, object>
{
    {"placeholder", "XXXXXX"},
    {"class", "form-control"}
})

使用Javascript:

$(document).ready(function() {
    $('.idWrap, .form-control').focus(function() {
        var input = $(this);
        //GOT STUCK HERE
    });
});

1 个答案:

答案 0 :(得分:0)

如果没有codepen或其他东西,很难看到你的确切。

您可以使用jQuery val() method

删除值(您描述的'内容')

首先我们可以检查输入是否被禁用:

var isDisabled = $('input').is(':disabled');

如果已禁用,请更改值:

if(isDisabled) {
  $(this).val('');
}

因此,对于您的情况,您可以将其与each()

结合使用
$('input').each(function(index, elm){
    var isDisabled = $(elm).is(':disabled');   
    if(isDisabled) {
      $(this).val('');
    }   
});

Demo

相关问题