jquery - 非表示の入力を入力するが、既存のコンテンツを保持する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);

javascriptを使用+= operatorして既存の値を保持するために使用できます

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