使用纯 Javascript 在禁用的字段集中启用 1 个输入字段

Question

我搜索了其他类似的问题，但它们与我想做的不一样。

<fieldset disabled>
    <input id="input1"/>
    ...
    <input id="input2"/>
<fieldset>

当字段集被禁用时，我需要 "input2" 仍然启用。有没有办法用 pure Javascript 来做到这一点？没有框架如JQuery请。

Answer 1

您可以将 class 添加到字段集中，这不会禁用这些项目，因此您需要在字段集中找到 #input2 以外的项目并禁用它们。

document.querySelectorAll('fieldset.disabled input:not(#input2)')
  .forEach(input => {
    input.disabled = true
  })

<fieldset class="disabled">
  <input id="input1" />
  <input id="input2" />
</fieldset>

Enable 1 input field inside a disabled fieldset with pure Javascript