Убрать атрибут обязательное заполнение поля при выполнении условия

Как сделать так, чтобы в коде JS ниже сделать поля input необязательными к заполнению внутри if ? Я понимаю, что required - boolean, но запихнуть required = false внутри if не выходит.

document.querySelector("[name=prevdocid]")
    .addEventListener("change", function (e) {       
        const input  = document.querySelector('[name="doc_series"]');
        const input2 = document.querySelector('[name="doc_number"]');
        const input3 = document.querySelector('[name="doc_date"]');

        input.disabled = !["1","2", "3", "4","5","6","7","8"].includes(this.value);

        if (input.disabled) {
            input.value = "";
        }
        input2.disabled = !["1","2", "3", "4","5","6","7","8"].includes(this.value);
        if (input2.disabled) {
            input2.value = "";
        }
        input3.disabled = !["1","2", "3", "4","5","6","7","8"].includes(this.value);
        if (input3.disabled) {
            input3.value = "";
        }
});    

Ответы (1 шт):

Автор решения: Sergey Musika
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>HTML5</title>
 </head>
 <body>
<input class="input" required disabled type="text">
<button class="enableBtn">enable</button>
<script>
    const btn=document.querySelector('.enableBtn');
    btn.addEventListener('click',()=>{
        input=document.querySelector('.input');
        if (input.disabled) {
            input.removeAttribute('required');
            input.removeAttribute('disabled');
        }
    });
</script>
 </body>
</html>
→ Ссылка