我如何擴展它以計算type="number"當前禁用的表單中的所有輸入框?
let countIN = document.getElementsByTagName('input').length;
我可以計算所有輸入框(包括復選框),但我只想計算特定的禁用框。
uj5u.com熱心網友回復:
我會使用querySelectorAll(它自然地處理 CSS 選擇器)和 selector [type="number"]:disabled。例如,正如您在示例中看到的,它與您在 CSS 檔案中用于更改這些特定元素的背景顏色的選擇器相同。
注意:如果您想更input具體一些,您可以在選擇器 ( ) 前添加前綴input[type="number"]:disabled,但根據我的經驗,很少會找到一個數字型別不是輸入的元素,因此您通常可以忽略該部分。
const selector = '[type="number"]:disabled';
const disabled = document.querySelectorAll(selector);
console.log(`Disabled number inputs: ${disabled.length}`);
[type="number"]:disabled { background-color: salmon; }
<input type="number" value="1">
<input type="number" value="2" disabled>
<input type="number" value="3">
<input type="number" value="4" disabled>
<input type="number" value="5">
uj5u.com熱心網友回復:
啊哈,我發現了它:
let countIN = document.querySelectorAll("input:disabled").length;
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/536910.html
