Добавить/удалить значение текстового поля при изменении флажка

Question

У меня есть следующий код jquery, где я хочу удалить значение из текстового поля, если флажок снят и добавлен, если он установлен.

Первоначально все значения поступают в текстовое поле как ^ seperator. и все флажки проверили

здесь у фрагмента кода:

$(document).on('change','._invoice',function() { 
    var mystr = $(this).attr('data-id').is(":checked"); 
    if(mystr) { 
     var returnVal = confirm("Are you sure?"); 
     $(this).attr("checked", returnVal); 
    }  
    }); 
}); 

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

Robert Berenson^Nancy Foster^Richard Gourhan^LORI HEDMAN^Pui Hoang^Linda Lee^Kristen McDonald^Matthew Miller^Tricia Roland^Terry West 

Answer 1

Простым способом является изменение текста текстового поля при событии изменения флажка. Затем вам нужно получить текст каждого отмеченного флажка и установить его в текстовое поле, когда будет установлен какой-либо флажок.

$(".check").change(function(){ 
 
    var text = ""; 
 
    $(".check:checked").each(function(){ 
 
     text += text != "" ? "^" : ""; 
 
     if ($(this).prop("checked")) 
 
      text += $(this).val(); 
 
    }); 
 
    $(".text").val(text); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" class="check" value="Text1" /> 
 
<input type="checkbox" class="check" value="Text2" /> 
 
<input type="checkbox" class="check" value="Text3" /> 
 
<input type="checkbox" class="check" value="Text4" /> 
 
<input type="checkbox" class="check" value="Text5" /> 
 
<br/> 
 
<input type="text" class="text" />