使用 JavaScript 删除“require”属性

JavaScript 2月前 27

要删除 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 循环遍历集合并从每个元素中删除所需的属性。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布，任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站。本站所有源码与软件均为原作者提供，仅供学习和研究使用。如您对本站的相关版权有任何异议，或者认为侵犯了您的合法权益，请及时通知我们处理。

JavaScript