Заполните поле ввода, если определенное значение, когда флажок не установлен ⇐ Jquery

[Anonymous]

Контекст:
Выберите раскрывающийся список для изменения значения (выберите «Соло», чтобы удалить одно значение):

Код: Выделить всё

Select one ...
Pair
Solo
Pair Unit acting like a Solo Unit
Solo to Pair Unit

Добавляет значения в поле ввода:

Код: Выделить всё

 $('input:checkbox').change((e) => {
if ($(e.currentTarget).is(':checked')) {
var curVal = $('#name').val();
if (curVal) {
$('#name').val(curVal + ', ' + e.currentTarget.value);
} else {

$('#name').val(e.currentTarget.value);
}
} else if (!($(e.currentTarget).is(':checked'))) {
var curVal = $('#name').val().split(',');
var filteredVal = curVal.filter(el => el.trim() !== e.currentTarget.value)
$('#name').val(filteredVal.join(','));
}
});

Удаляет флажки из таблицы HTML:

Код: Выделить всё

 const checkboxes = document.querySelectorAll('input[type=checkbox]:checked');
if (checkboxes.length >= 2) {
checkboxes[1].checked = false;

}

Проблема: если второй отмеченный флажок снят, значение все еще присутствует в поле ввода. Я хочу удалить значение. Может ли кто-нибудь помочь мне изменить код или найти решение моей проблемы? Я перепробовал все, что мог придумать, и это не работает. Примечание. Имена в поле ввода на фотографии являются вымышленными.
Изображения:

Поле ввода:
[img]https://i .sstatic.net/AAhnwT8J.png[/img]

Таблица:


Я пытался исследовать Интернет, пробовать разные вещи, которые я нашел, и модифицировать их так, как они подходят. мой проект. Я ожидал, что второе значение в поле ввода будет удалено. На самом деле произошло то, что второе значение не было удалено

Подробнее здесь: https://stackoverflow.com/questions/791 ... -unchecked