Problem with disabling attribute by getting elements by class name

Question

I have multiple input tags like below:

<input type="checkbox" class="check" disabled id="identifier">

and:

<input type="checkbox" class="check" disabled>

I'd like to disable disabled attribute.

If i do it like this:

document.getElementById("identifier").removeAttribute('disabled');

Everything seems to work fine. However when i try to disable this attribute by getting elements by class name, the elements won't disable. I tried following examples:

document.getElementsByClassName("check").removeAttribute('disabled');

and:

document.querySelectorAll(".check").removeAttribute('disabled');

Both examples won't work. Could you please spot what am I doing wrong? I would really appreciate some help ;). Thanks in advance.

You need a loop to remove the attribute from all the elements in the list. — Barmar, May 17 '21 at 19:53

score 0 · Accepted Answer · answered May 17 '21 at 19:54

0

getElementsByClassName and querySelectorAll returns array...

document.getElementsByClassName("check")[0].removeAttribute('disabled')

This would work for the first element... If you want all elements you need to loop through them.

answered May 17 '21 at 19:54

digitalniweb

838
1
7
15

Now I understand. Thank you. – cikcirikcik May 17 '21 at 20:16

Problem with disabling attribute by getting elements by class name

1 Answers1