jQuery填充隐藏的输入但保留现有内容

我有以下代码使用页面上所有复选框的值填充隐藏的输入表单，但是我还想保留复选框的预填充值，但无法解决如何执行此操作。

这是我目前的代码，任何帮助都将非常感谢！

$(function(){ function Populate(){ vals = $('input[type="checkbox"]:checked').map(function() { return this.value; }).get().join(', '); console.log(vals); $('#hidden_form_id').val(vals); } $('input[type="checkbox"]').on('change', function() { Populate() }).change(); }); 

Answer 1

您可以修改您的陈述

更改

 $('#hidden_form_id').val(vals); 

至

 $('#hidden_form_id').val($('#hidden_form_id').val() + vals); 

您可以使用+= operator来使用javascript保留现有值

 $('#hidden_form_id')[0].value += vals; 

你的代码就是

  function Populate(){ vals = $('input[type="checkbox"]:checked').map(function() { return this.value; }).get().join(', '); console.log(vals); $('#hidden_form_id')[0].value += vals; }