如何按输入字段以数组形式传递值 - How to pass value as array by input field

How to pass value as array by input field

本文关键字：数组何按输入字段 | 更新日期: 2023-09-27

如果用户选中复选框，jQuery会将相关值存储在一个隐藏的输入字段中，并在表单提交后传递到PHP页面。如果用户选择了多个复选框，则相关值将作为数组添加到隐藏的输入字段中。但在提交表单后，我发现输入字段的数组不是数组，并且我无法从输入字段中获取数组。

页面的HTML：

    <input type="hidden" name="selected" id="selected" value="" />
    <input type="checkbox" name="check_list[]" class="check_list" value="'.$row['id'].'" />
    <input type="checkbox" name="check_list[]" class="check_list" value="'.$row['id'].'" />
    <input type="checkbox" name="check_list[]" class="check_list" value="'.$row['id'].'" />

jQuery用于在选中任何复选框时添加ID的代码：

    $(document).ready(function(){
    var ids = [];
    $(".check_list").change(function(){  //  <-----correct here
      code = $(this).val();
      ids.push(code);
      $("#selected").val(ids);
      });
    });

用PHP 进行表单处理

 foreach($_POST['selected'] as $key=>$value){
     foreach($value as $keygen){
      echo $keygen.'<br />';
     }
    }

但我无法通过上面的方式获得选中的复选框值。如果我像下面这样更改PHP的处理部分，并且如果用户选择了所有三个复选框，那么：

   echo $_POST['selected'];

显示为CCD_ 1。（我想这些是所选复选框的值。）

如何以这种方式实现上述内容，以便将所选值作为输入字段的数组进行传递，并相应地获取它们。我想要这样的东西：

 $_POST['selected'] = array(23,56,57)

这样我就可以得到这样的特定数组元素：

 $_POST['selected'][1] = 56;

试试这样的东西：

$myArray=explode(",",$_POST['selected']);
$myArray[1] = 56;

或

foreach(explode(",",$_POST['selected']) as $key=>$value){
  foreach($value as $keygen){
    echo $keygen.'<br />';
  }
}

不要在隐藏字段中设置数组，而是在隐藏字段设置逗号分隔的字符串，然后在服务器端拆分值，并将其存储到数组中以获得访问权限。

HTML

 <input type="checkbox" value="one"/>
 <input type="checkbox" value="two"/>
 <input type="checkbox" value="three"/>
 <input type="hidden" id="data"/>    
 <button>Submit</button>

Javascript

$(document).ready(function() {
    var data = "";
    $("button").click(function() {
        $("input:checkbox").each(function() {
            if ($(this).attr("checked") === "checked") {
                data = data + $(this).val() + ",";
            }
        });
        data = data.substring(0, data.lastIndexOf(","));
        //setting the comma separated string into the hidden element
        $("#data").val(data);
        data = "";
    });
});