如何使用選中的複選框文本自動填充輸入文本字段？

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); 
});