javascript - 如何使用 JS 禁用多个输入?

标签 javascript html

我试过了

  <body>
    <input placeholder="test1" class="input"/>
    <input placeholder="test2" class="input"/>
  </body>
  <script>
       document.querySelector(".input").disabled = true;
  </script>

enter image description here

为什么第二个输入(test2)没有被禁用。 谢谢!

最佳答案

document.querySelector 只选择你搜索的第一个实例,你需要使用 document.querySelectorAll('input') 来选择你的所有实例输入,它返回一个你可以遍历的数组,

var inputs = document.querySelectorAll('.input')
for (let i = 0;i<inputs.length;i++) {
  inputs[i].disabled = true
}

或者使用 ForEach

var inputs = document.querySelectorAll('.input')
inputs.forEach((input)=>{
  input.disabled = true
})

关于javascript - 如何使用 JS 禁用多个输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64776375/

相关文章:

html - 验证码和 reCAPTCHA 的区别

html - 如何将此 Bootstrap 网格从 v2.x 迁移到 v3.x

html - Div不 float

javascript - 单击除自身之外的任何其他元素时隐藏视频

javascript - 我的函数不会向文档添加段落

javascript - fullCalendar 中周 View 的自定义 titleFormat

java - Jericho纯文本如何分隔文本

javascript - 跨浏览器 GRAB 游标(-moz、-webkit)

javascript - 检查 "href"是否为空,如果为空则附加 anchor 文本

javascript - Canvas 在函数中的 for 循环后不会绘制矩形