Я делаю приложение с полным стеком, которое использует 10 флажков в форме. Я создал каждый флажок / метку из массива ...
let checkboxes = [
"Genius IQ", "Super Strength", "Super Speed", "Super Senses", "Healing", "Flying", "Martial Arts", "Psychic", "Magic", "Elemental Powers"
]
..., который я перебрал в интерфейс, используя помощник для форматирования строк ...
{{#each checkboxes}}
<input name="{{imageName this}}" id="{{imageName this}}" type="checkbox" value="{{this}}" {{#if a condition!}}checked{{/if}}>
<label for="{{imageName this}}">
<img src="/img/svg/{{imageName this}}.svg" alt="">
<p>{{this}}</p>
</label>
{{/each}}
Как видите, в l oop есть условие, которое добавляет отмеченный атрибут к флажкам, если == true. В конце концов, он сохраняет в массиве skills
, который отслеживает то, что пользователь проверил. Так, например:
skills:
[ null,
null,
null,
null,
'Martial Arts',
'Psychic',
null,
null,
null,
null ]
Когда пользователь перезагружает страницу, данные с внутреннего конца отправляются на внешний интерфейс. В блоке if
внутри each
l oop я бы хотел использовать функцию или помощника, чтобы проверить массив умений, чтобы увидеть, находится ли умение в массиве или оно нулевое. Если не ноль, то флажок будет установлен. Как я могу это сделать?