На странице много label input, как автоматически подставлять for, id?

Question

[partyzanx]

На странице много

<label class="card2 effect__check" for=""></label>
            <input type="checkbox" id="" />

<label class="card2 effect__check" for=""></label>
            <input type="checkbox" id="" />


<label class="card2 effect__check" for=""></label>
            <input type="checkbox" id="" />

Как написать код, чтобы автоматически подставлялось рандомное значение в for="" и id=""?
Чтобы вышло вот так:

<label class="card2 effect__check" for="aaa1"></label>
            <input type="checkbox" id="aaa1" />

<label class="card2 effect__check" for="aaa2"></label>
            <input type="checkbox" id="aaa2" />


<label class="card2 effect__check" for="aaa3"></label>
            <input type="checkbox" id="aaa3" />

Answer 1

[Rsa97]

Для начала, в таком виде у вас html некорректный. Тэг label обязательно закрывается, тэг input не закрывается никогда. Атрибут for имеет смысл только если label и соответствующий ему input разнесены в коде. Ваш же код проще переписать как

<label class="card2 effect__check">
  <input type="checkbox">
</label>

Comments

[partyzanx]

исправил

<label class="card2 effect__check" for=""></label>
            <input type="checkbox" id="" />

[Rsa97]

partyzanx, Объясните, зачем вам вообще атрибут for, если тэги идут друг за другом? Поместите input внутрь label.

[partyzanx]

Rsa97, там дофига другого кода идёт.