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

Question

我搜索过其他类似的问题，但它们和我想做的事情不一样。

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

当字段集被禁用时，我还需要“input2”才能启用。无论如何使用纯Javascript来做到这一点。没有像JQuery这样的框架。

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;