如何使用选中的复选框文本自动填充输入文本字段？

Question

我有一组复选框，当我检查它们时，它们的标签文本需要在输入字段中逗号分隔。但是，我不想在输入字段中显示这些值，因为它也用于搜索词。

在我可以用一个按钮将其发送到这样的输入字段抢签文本框的时刻：

jQuery('#save_value').click(function() { 
    var sel = jQuery('input[type=checkbox]:checked').map(function(_, el) { 
    return jQuery(el).parent().text(); 
    }).get(); 
    jQuery("#s").val(sel); 
}); 

但答：我不应该有一个按钮，但作为尽快检查值（文本）应以逗号分隔输入字段，B：这些值当前显示在字段中，但我不想显示它们以保留空字段，同时仍保留数据。

<label> 
    <input type="checkbox"> 
    NY 
</label> 
<label> 
    <input type="checkbox"> 
    LA 
</label> 
<input type="button" id="save_value" name="save_value" value="save"> <= I don't want this 
<input id="s" type="text"> 
<inputtype="submit"> <= The submit should get all the data in the text field, even those data from the checked boxes that I am grabbing but that I don't want to display to the users 

Answer 1

我认为你可以使用2场，1个接收用户输入和其他的复选框和用户输入的组合数据发送到服务器，以便

<input id="checkIt" name="checkIt" name="s" type="hidden"/> 
<input type="text" class="form-control" value="" id="s" placeholder="Search for..."/> 

然后在表单提交处理程序

jQuery('form').submit(function() { 
    var sel = jQuery('input[type=checkbox]:checked').map(function (_, el) { 
     return jQuery(el).parent().text().trim(); 
    }).get(); 
    var s = $('#s').val().trim(); 
    jQuery("#checkIt").val(sel.join()+ ',' + s); 
});