Как задать for="" для JS?

Question

[ismskayamahorka]

Как задать for="" для следующего формата. Чтобы каждый из for="" по мере своей вложенности увеличивался подобным образом:

<label for="link01">
    <input type="checkbox">
</label>

<label for="link02">
    <input type="checkbox">
</label>

<label for="link03">
    <input type="checkbox">
</label>

У меня есть отрывок такого кода, но не приложу ума как указать for="":

document.querySelectorAll('.jkef').forEach((item, index) => item.id = "link0" + (index + 1));

Comments

[Михаил]

если input вложен в label, то не нужно никаких for

[WapSter]

Если тебе нужен for причем здесь id?

[G F]

Потому что id связывает инпут с лейблом через for. Но да, в этом случае не нужен.

[WapSter]

G F, я про это item.id

Answer 1

[WapSter]

const items = document.querySelectorAll('.jkef');
items.forEach((item, index) => item.htmlFor = "link0" + (index + 1));
console.log(items[2].htmlFor) // "link03"

И да как уже заметил Михаил, для input вложенный в label, label'у for не нужен