仅获取禁用的 type=\"number\" 输入框的计数答案

【问题标题】：Get the count of only disabled type="number" input boxes仅获取禁用的 type=\"number\" 输入框的计数
【发布时间】：2022-11-19 21:48:28
【问题描述】：

我如何扩展它以计算 type="number" 但当前禁用的表单中的所有输入框？

let countIN = document.getElementsByTagName('input').length;

我可以计算所有输入框（包括复选框），但我只想计算特定的禁用框。

【问题讨论】：

你能添加相关的html代码吗？

标签： javascript validation input

【解决方案1】：

我会使用 querySelectorAll 和选择器 [type="number"]:disabled 来正确处理 CSS 选择器。例如，正如您在示例中看到的，它与您在 CSS 文件中用于更改这些特定元素的背景颜色的选择器相同。

注意：如果你想成为更多的具体来说，您可以在选择器 (input[type="number"]:disabled) 前添加 input 前缀，但根据我的经验，很少会找到一个输入数字为不是输入，因此您通常可以忽略该部分。

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">

【讨论】：

哦，是的，看起来也不错。我只是摆弄了一下，在下面找到了一个。谢谢！

【解决方案2】：

啊哈，我发现了它：

 let countIN = document.querySelectorAll("input:disabled").length;

【讨论】：

这针对所有输入，而不仅仅是数字输入。