使用 JavaScript 删除“require”属性

要删除 require 属性,请选择该元素并对其调用 removeAttribute() 方法,将其作为参数传递,例如 input.removeAttribute(‘require’)。 removeAttribute() 方法将从元素中删除所需的属性。

以下是本文示例的 HTML。

设置布尔属性的值时,例如 required,我们可以为该属性指定任何值,它会起作用。

如果该属性完全存在,则无论值如何,其值都被认为是真实的。

如果需要添加属性,可以使用 setAttribute 方法。

const input = document.getElementById('first_name');

// ✅ Remove required attribute
input.removeAttribute('required');

// ✅ Set required attribute
input.setAttribute('required', '');

该方法将属性名称作为第一个参数,将应分配给属性的值作为第二个参数。

设置布尔属性时,例如必需的,最好将它们设置为空值。 这就是我们在示例中传递一个空字符串作为值的原因。

这是下一个示例的 HTML。

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>

  <body>
    <input type="text" id="first_name" class="field" required />
    <input type="text" id="last_name" class="field" required />
    <input type="text" id="country" class="field" required />

    <script src="index.js"></script>
  </body>
</html>

这是相关的 JavaScript 代码。

const inputs = document.querySelectorAll('.field');

for (const input of inputs) {
  // ✅ Remove required attribute
  input.removeAttribute('required');
}

我们使用 document.querySelectorAll 方法来选择具有字段类的所有元素。

我们使用 for…of 循环遍历集合并从每个元素中删除所需的属性。