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

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

1 个答案: