Я строю форму, которая включает в себя несколько радиопроизводств среди других входов. Когда пользователь сначала подает форму, его доставляют на страницу, чтобы просмотреть свои ответы и заполнить любые оставшиеся необходимые поля. По разным причинам мы не хотим запускать полную проверку в их начальной форме. Поскольку пользователь заполняет пустые необходимые поля, сценарий работает, чтобы удалить выделение на недавно заполненном входе. Кроме того, некоторые поля обозначены условно, необходимых в зависимости от ввода в предыдущих полях. Когда пользователь завершает поле, которое должно удалить или добавлять необходимый атрибут и класс на последующем радио входов, атрибут добавляется/удаляется, но класс выделения не добавляется/не удален. Класс выделения должен быть добавлен в родительский контейнер радиополя, поэтому выделение выделения оба радиопроизводства, а не каждая из двух радиопроизводительных кнопков. class = "Snippet-Code">
Код: Выделить всё
function addHighlight() {
$('input:required, textarea:required').each(function() {
if ($(this).val() == "") {
$(this).addClass('highlight');
} else {
$(this).removeClass('highlight');
}
});
$("input[type='radio'][required]").each(function() {
if ($('input[type="radio"][required]:not(:checked)')) {
$(this).parent('.form-check').addClass('highlight');
} else {
$(this).parent('.form-check').removeClass('highlight');
}
});
};
$(document).ready(addHighlight);
$(":input").change(function() {
addHighlight();
});< /code>
.highlight {
border: 2px solid red;
padding: 5px;
}< /code>
Are You a Citizen of the United States?
Yes
No
If Not, Are You Authorized to Work in the U.S.?
Yes
No
Подробнее здесь:
https://stackoverflow.com/questions/796 ... is-checked
Мобильная версия