Javascript 如何使用JS禁用多个输入？_Javascript_Html

Javascript 如何使用JS禁用多个输入？

javascript html

Javascript 如何使用JS禁用多个输入？,javascript,html,Javascript,Html,我试过这个 <body> <input placeholder="test1" class="input"/> <input placeholder="test2" class="input"/> </body> <script> document.querySelector(".input").

我试过这个

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


document.querySelector（“.input”）.disabled=true；

为什么第二个输入（test2）没有被禁用。

谢谢

document.querySelector

仅选择搜索内容的第一个实例，您需要使用

document.queryselectoral（'input'）

选择输入的所有实例，这将返回一个您可以通过的数组

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

试一试

运行以下代码段：

var allinputs=document.querySelectorAll（'.input'）；
对于（var i=0，len=allinputs.length；i如果将输入包装在..
标记中，并在该
上设置disabled属性，则所有子输入都将被禁用

输入：禁用{
光标：不允许；
}

字段集禁用-导致禁用所有子输入：
名字：



姓氏：



电邮：



生日：




未禁用字段集：
名字：



姓氏：



电邮：



生日：



querySelector（）

函数将只返回1个元素（或

null

）。FWIW，

document.querySelector（）

节点列表和forEach（）
不支持Internet Explorer中的节点列表。您可以使用Array.from
在对每个节点使用之前转换为数组。Array.from（document.querySelectorAll（'.input'））.forEach（）
var inputs = document.querySelectorAll('.input')
inputs.forEach((input)=>{
  input.disabled = true
})