TA貢獻1712條經驗 獲得超3個贊
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
})
TA貢獻1793條經驗 獲得超6個贊
嘗試查詢選擇器全部
運行下面的代碼片段：
var allinputs = document.querySelectorAll('.input');
for (var i = 0, len = allinputs.length; i<len; i++){
? ? allinputs[i].disabled = true;
}
<input class="input"></input>
<input class="input"></input>
TA貢獻1811條經驗 獲得超4個贊
如果您將輸入包裝在<fieldset> ... </fieldset>標簽中并在其上設置禁用屬性<fieldset disabled>- 所有子輸入都將被禁用。
input:disabled {
cursor: not-allowed;
}
<fieldset disabled>
<legend>Fieldset disabled - causes all children inputs to be disabled:</legend>
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<label for="birthday">Birthday:</label>
<input type="date" id="birthday" name="birthday"><br><br>
<input type="submit" value="Submit">
</fieldset>
<hr/>
<fieldset>
<legend>Fieldset not disabled:</legend>
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<label for="birthday">Birthday:</label>
<input type="date" id="birthday" name="birthday"><br><br>
<input type="submit" value="Submit">
</fieldset>
舉報