Javascript 更改HTML的值不能正确更改值？

当我改变一个元素的值时，里面的html会改变，但是它不会被识别，因为它仍然表示字段是必需的。我尝试将elementrequired属性更改为false，但这也没有帮助

---

要删除：

element.removeAttribute('required');
element.setAttribute('aria-required', 'false');

element.setAttribute('required', '');
element.setAttribute('aria-required', 'true');

添加：

element.removeAttribute('required');
element.setAttribute('aria-required', 'false');

element.setAttribute('required', '');
element.setAttribute('aria-required', 'true');

---

如果在必填字段中反复切换

true

/

false

，最好为该操作创建一个函数

这里有一个例子：

element.removeAttribute('required');
element.setAttribute('aria-required', 'false');

element.setAttribute('required', '');
element.setAttribute('aria-required', 'true');

const inputElem=document.querySelector（“#inputElem”）；
函数toggleInputRequired（元素，状态=true）{
如果（状态）{
元素setAttribute（'required'，''）；
setAttribute（'aria-required'，'true'）；
}否则{
元素。removeAttribute（“必需”）；
setAttribute（'aria-required'，'false'）；
}
}
切换InputRequired（inputElem，false）；//删除所需的
切换输入要求（inputElem）；//添加必需的

必需

是一个布尔属性。如果它存在于

HTML元素中

，则它包含任何值（即使

false

值也不重要），则它被视为

true

值。因此，您必须完全删除

属性

。您可以使用或

您可以看到所有三个

setAttribute

、

removeAttribute

和

toggleAttribute

const元素=document.querySelector（“输入”）
const btnSetAttribute=document.querySelector（“#btnSetAttribute”）；
const btnRemoveAttribute=document.querySelector（“#btnRemoveAttribute”）；
const btnToggleAttribute=document.querySelector（“#btnToggleAttribute”）；
BTNStatAttribute.addEventListener（'click'，e=>{
如果（！element.disabled）{
元素。setAttribute（'disabled'，true）；
}否则{
元素setAttribute（'disabled'，false）；
}
})
btnRemoveAttribute.addEventListener（'click'，e=>{
如果（！element.disabled）{
元素。setAttribute（'disabled'，true）；
}否则{
元素。removeAttribute（“禁用”）；
}
})
btnToggleAttribute.addEventListener（'click'，e=>{
元素toggleAttribute（'disabled'）；
})

禁用使用setAttribute
禁用使用removeAttribute
禁用使用toggleAttribute