javascript - 使用 jQuery 创建 PHP 友好的复选框数组

Question

问题的标题可能不太解释，我非常感谢任何可以帮助我解决问题的人。这是一种特殊情况，我无法访问 PHP 文件，也无法更改其中的任何内容，我需要另一个我在任何地方都找不到的解决方案。

这是我的问题:我有一个带有隐藏值的表单:

<form id="myForm" action="" method="POST">
   <input type="hidden" name="colors[]" value="">
   <input type="submit">
</form>

我还使用 javascript 创建了一个带有一些值的数组:

<script>
  var myArray = new Array();
  myArray.push('red');
  myArray.push('yellow');
  myArray.push('green');
</script>

然后我在页面之外的某个地方有一个随机按钮(位置并不重要)

<button id="myButton">Add to hidden array</button>

所以我想做的是，当我单击按钮 id="myButton" 时，我想要一个 jQuery 解决方案来添加 中的所有元素>myArray 数组到隐藏字段 name="colors[]"。我知道将它们作为 JSON string 添加到 hidden 字段的值，然后使用 json_decode 的解决方案我的 PHP 文件来读取数组。但问题是我无法访问 PHP 文件，也无法更改以前编写的函数和逻辑。 PHP 文件接收 checkboxes 的 array，因为它通常以标准方式完成，例如:

<input type="checkbox" name="colors[]" value="green">
<input type="checkbox name="colors[]" value="red">
<input type="checkbox name="colors[]" value="yellow">

有没有办法将myArray放入隐藏输入字段的colors[]数组中，而不使用JSON字符串，也不需要更改PHP文件中的任何内容，以便 PHP 接收并处理字段 colors 作为 checkboxes 的普通 array？

Answer 1

您可以向表单添加多个隐藏输入，每个隐藏输入都具有来自数组的不同值。

$("#myButton").click(function() {
    $("#myForm [name='colors[]']").remove();
    $.each(myArray, function() {
        $("#myForm").append($("<input>", {
            type: "hidden",
            name: "colors[]",
            value: this
        }));
    });
});