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

Question

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

这是我当前的代码，任何帮助将不胜感激！

$(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;
  }