Как получить и использовать ID доп. полей для форматирования?

Доброго времени суток знатоки. Решил приобрести прикольный HTML шаблон, которого хочу прикрутить к своей страничке движка ДЛЕ.

Все пока нормально идет с реализацией шаблона, только вот столкнулся с проблемой, в которой необходимо ввести информацию типа нескольких строчек и потом отформатировать их.

Чтобы все понятно стало, объясню подробнее - по дизайну напротив каждого ингредиента есть радио бокс-галочка, которая при отмечании зачеркивает строчку продукта, т.е. он уже добавлен в сковородку. Проблема в том, что для нормальной работы галочки дизайн использует ID продукта, так через javascript/css его зачеркивает и рисует красивую галочку.

Прикрепляю демо девелопера, от которого покупал код для понятия. Интересует как осуществить формат через дополнительных полей в блоке Ingredients.

Вот как выглядит часть кода блока для понятия где необходимо ID доп. поля:

<ul class="ingredients">
            <li>
                <input id="check-1" name="check" value="check-1" type="checkbox">
                <label itemprop="ingredients" for="check-1">2 pounds cubed beef stew meat</label>
            </li>
            <li>
                <input id="check-2" name="check" value="check-2" type="checkbox">
                <label itemprop="ingredients" for="check-2">3 tablespoons vegetable oil</label>
            </li>            
</ul>

Идея моя сделать так, чтобы любой посетитель добавлял свой рецепт через описание в дополнителных полей (один продукт на каждой строчке) так страничка сама правила дизайн без необходимости проходить и вручную добавлять теги, ID и т.д.

Если у кого идея как сделать буду очень благодарен, а то немало обыскал, все 87 результатов поиска перелистал, но вот моей проблеме решения пока никак не нашел да и в голову не приходит.