具有相同名称的隐藏输入：如何仅发送选定复选框的值？

Question

我们有许多复选框链接到具有相同名称的几个隐藏字段。我们怎么能只发送选中复选框的值？

php

<input type"checkbox" name="<?echo $filename;?>_<?echo $variable;?>"
id="filename_<?echo $variable;?>" value="1">

<input type="hidden" name="item_<?echo $filename;?>" 
value="<?echo $quantity;?>">

如果选择了两个或多个具有相同名称的复选框，那么我们如何才能为每个隐藏的输入获得正确的值，而不是总是获得最后一个的值？

我们生成的 html

<input type"checkbox" name="idfilename_1"
<input type="hidden" name="item_idfilename" value="7">

<input type"checkbox" name="idfilename_2"
<input type="hidden" name="item_idfilename" value="5">

<input type"checkbox" name="idfilename_3"
<input type="hidden" name="item_idfilename" value="11">

Answer 1

一般都是这样的

<input type"checkbox" name="idfilename_1">
<input type="hidden" name="item_idfilename_1" value="7">

只有选中的一次才会在 POST 数组中有一个字段/索引。

在 PHP 端，从选中的复选框中获取字段。

如果知道例如 array_key 存在，例如idfilename_1 然后你可以从$_POST['item_idfilename_1'] 中获取值，如果不离开它。

记住：只有选中的复选框才会在 POST 数组中有一个字段！

Answer 2

我使用next()获取下一个节点值

$('[type~=checkbox]').change(function(){
  alert($(this).next().val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="idfilename_1">
<input type="hidden" name="item_idfilename" value="7">

<input type="checkbox" name="idfilename_2">
<input type="hidden" name="item_idfilename" value="5">

<input type="checkbox" name="idfilename_3">
<input type="hidden" name="item_idfilename" value="11">

Answer 3

你可以像这样创建一个数组：

<input type="checkbox" name="item_idfilename[]" value="7">
<input type="checkbox" name="item_idfilename[]" value="5">
<input type="checkbox" name="item_idfilename[]" value="11">

这样您将获得选中复选框的列表。

Answer 4

您可以将数组用于复选框和隐藏项。 拥有名为 check[1]、check[2]、check[3] 的复选框和名为 item_hidden[1]、item_hidden[2] 等的隐藏项。您可以将每个复选框与隐藏的输入相关联。

所以你的输出将是：

<input type"checkbox" name="idfilename[1]" value="1">
<input type="hidden" name="item_idfilename[1]" value="7">

<input type"checkbox" name="idfilename[2]" value="1">
<input type="hidden" name="item_idfilename[2]" value="5">

<input type"checkbox" name="idfilename[3]" value="1">
<input type="hidden" name="item_idfilename[3]" value="11">

服务器端，您将循环 idfilename，如果设置了值（因此复选框已被选中），您将从 item_idfilename 数组中获取值。

Answer 5

试试这个：

  var $checkedInput = $('input[type=checkbox]:checked');
  if($checkedInput){
        var hiddenValue= $checkedInput.next('input[type=hidden]').val();
  }

--------------- 或-------

 var $checkedInput= $('input[type=checkbox]:checked').next('input[type=hidden]')
                   .map(function() {
                         return $(this).val();
                   }).get();

根据您的代码，您将获得一个类似["7", "5", "11"] 的数组。