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

时间:2017-11-22 05:21:57

标签: javascript fieldset

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

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

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

1 个答案:

答案 0 :(得分: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;