我试过了
<body>
<input placeholder="test1" class="input"/>
<input placeholder="test2" class="input"/>
</body>
<script>
document.querySelector(".input").disabled = true;
</script>
为什么第二个输入(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/