Javascript 我的代码凌乱且浪费行数，如何使代码简单

这个脚本可以简化吗？我只是在学习javascript，所以我真的不知道该使用哪种语法

我的HTML 我有几个id包括“doc1、doc2、doc3，…”，还有另一个id“icon-cek1、icon-cek2、icon-cek3”“icon cek”用于在上传成功时/根据指定的扩展名显示复选标记图标的位置，如果文件失败/不匹配，扩展名将显示交叉标记

<label> DOcument 1</label>
<input type="file"id="doc1"/>
<label> Choose</label>
<div id="icon-cek1"></div>

<label> DOcument 2</label>
<input type="file"id="doc2" />
<label> Choose</label>
<div  id="icon-cek2"></div>

<label> DOcument 3</label>
<input type="file"id="doc3"/>
<label> Choose</label>
<div id="icon-cek3"></div>


    $.fn.checkFileType = function (options) {
    var defaults = {
      allowedExtensions: [],
      success: function () {},
      error: function () {},
    };
    options = $.extend(defaults, options);

    return this.each(function () {
      $(this).on("change", function () {
        var value = $(this).val(),
          file = value.toLowerCase(),
          extension = file.substring(file.lastIndexOf(".") + 1);

        if ($.inArray(extension, options.allowedExtensions) == -1) {
          options.error();
          $(this).focus();
        } else {
          options.success();
        }
      });
    });
  };

  $("#doc1").checkFileType({
    allowedExtensions: ["pdf"],
    success: function () {
      document.getElementById("icon-cek1").className = "checkmark";
    },
    error: function () {
      document.getElementById('doc1').value='';
      document.getElementById("icon-cek1").className = "crossmark";
    },
  });

    $("#doc2").checkFileType({
    allowedExtensions: ["pdf"],
    success: function () {
      document.getElementById("icon-cek2").className = "checkmark";
    },
    error: function () {
      document.getElementById("doc2").value = "";
      document.getElementById("icon-cek2").className = "crossmark";
    },
  });

  $("#doc3").checkFileType({
    allowedExtensions: ["pdf"],
    success: function () {
      document.getElementById("icon-cek3").className = "checkmark";
    },
    error: function () {
    alert("Just PDF");
      document.getElementById("doc3").value = "";
      document.getElementById("icon-cek3").className = "crossmark";
    },
  });

文件1
选择
文件2
选择
文件3
选择
$.fn.checkFileType=函数（选项）{
var默认值={
允许的扩展：[]，
成功：函数（）{}，
错误：函数（）{}，
};
选项=$.extend（默认值，选项）；
返回此。每个（函数（）{
$（此）.on（“更改”，函数（）{
var value=$（this.val（），
file=value.toLowerCase（），
扩展名=file.substring（file.lastIndexOf（“.”+1）；
if（$.inArray（扩展名，options.allowedExtensions）=-1）{
options.error（）；
$（this.focus（）；
}否则{
选项。成功（）；
}
});
});
};
$（“#doc1”）.checkFileType({
允许的扩展：[“pdf”]，
成功：函数（）{
document.getElementById（“icon-cek1”）.className=“checkmark”；
},
错误：函数（）{
document.getElementById（'doc1'）。值=“”；
document.getElementById（“icon-cek1”）.className=“crossmark”；
},
});
$（“#doc2”）.checkFileType({
允许的扩展：[“pdf”]，
成功：函数（）{
document.getElementById（“icon-cek2”）.className=“checkmark”；
},
错误：函数（）{
document.getElementById（“doc2”）.value=“”；
document.getElementById（“icon-cek2”）.className=“crossmark”；
},
});
$（“#doc3”）.checkFileType({
允许的扩展：[“pdf”]，
成功：函数（）{
document.getElementById（“icon-cek3”）.className=“checkmark”；
},
错误：函数（）{
警报（“仅PDF”）；
document.getElementById（“doc3”）.value=“”；
document.getElementById（“icon-cek3”）.className=“crossmark”；
},
});

codereview.stackexchange.com了解需要改进的工作代码。；）此代码不是功能代码。请从实际操作的代码开始。codereview.stackexchange.com用于需要改进的工作代码。；）此代码不是功能代码。请从实际操作的代码开始。