Javascript 使用基于keyup事件的jquery在CSS样式插入之间切换

我有一个文本字段和一个锚标记字段

如果文本字段不是空的，那么我将向锚标记添加CSS属性

如果文本字段为空，我需要恢复到以前的样式

HTML

<div class="col-md-3">
    <div class="form-group">
        <i class="fa fa-fw fa-cloud-upload"></i>
        <label for="">File upload</label>
        <?php if ($announcements_details['file']!='') { ?>
        <a id="anchor" href='<?php echo base_url(); ?>/documents/<?php echo $announcements_details['file'] ; ?>' target="_blank" style="text-decoration:none">
            <?php echo $announcements_details['file'] ; ?>
        </a>

        <a class="btn btn-danger btn-xs">Delete</a>
        <input type="file" id="captionfile" name="captionfile" value="<?php echo $announcements_details['file'] ; ?>">
        <?php } else { ?>
            <input type="file" id="captionfile" name="captionfile" value="">
        <?php } ?>
    </div>
</div>

HTML模板

<div class="parent">
    <input type="text" id="mytextfield" class="basic"/>
    <a href="#" onclick="doAction()" />
</div>

CSS代码

input{
  outline:none;
}
.basic{
  border:2px solid #d2d2d2;
}
.modified{
  border:2px solid green;
}

jQuery

.css（）

函数只添加比css文件中优先级更高的新css条目。如果不想创建两个类

.basic

和

.modified

，可以使用以下命令将css属性重置为默认值：

if（$（'#您的_文本_字段'）.val（）=“”）{
$（'#anchor'）.css（{'pointer-events'：''，'cursor'：''，'color'：''}）；
}

显示您的htmlYou调用

检查输入（）

但您显示的函数名为

Checkmultiple

@Utkanos编辑了我的问题请添加更多信息，从您的帖子中不清楚什么是captionurl和captionfile。请添加您的html文件以了解更多信息clearance@NARGISPARWEEN-增加html@Arun不管怎样，那把小提琴得到了我需要的东西。：-）

$(document).ready(function () {
   var inputElem = $('#mytextfield');
   inputElem.keyup(function() {
        var input= $(this);
        if(input.val()){
        input.addClass('modified');
        input.removeClass('basic');
      }else{
        input.addClass('basic');
        input.removeClass('modified');
      }
   });
});

input{
  outline:none;
}
.basic{
  border:2px solid #d2d2d2;
}
.modified{
  border:2px solid green;
}