Проектирование на основе доменов и внедрение IoC / зависимостей

Очень вероятно, что вы хотите иметь текст рядом с этим флажком. В этом случае вы можете поместить флажок внутри ярлыка, как я делаю ниже:

<label style="width: 150px;"><input type="checkbox" name="damageTypeItems" value="72" aria-required="true" class="error"> All Over</label>
<label style="width: 150px;"><input type="checkbox" name="damageTypeItems" value="73" aria-required="true" class="error"> All Over X2</label>

Проблема в том, что, когда отображается сообщение об ошибке, оно будет вставлено после флажка, но перед текстом , что делает его нечитаемым. Чтобы исправить это, я изменил функцию размещения ошибок:

if (element.is(":checkbox")) {
    error.insertAfter(element.parent().parent());
}
else {
    error.insertAfter(element);
}

Это зависит от вашего макета, но я сделал это для размещения специальных ошибок для элементов управления флажками. Я получаю родительский флажок, который является меткой, а затем я получаю родительский элемент, который является div в моем случае. Таким образом, ошибка помещается под списком элементов управления флажками.