即使复选框被选中，复选框和隐藏都传递值

Question

我有以下代码用于从复选框传递值。

echo "<input type='hidden' name='cash[]' value='Non Cash' />";
echo "<td><input type= 'checkbox' name = 'cash[]' value='Cash'/></td>"; 

但是，当我提交表单时，即使我选中复选框或否，隐藏类型的值也会通过。 例如，如果我选中下面的复选框，现金数组将包含来自隐藏类型的值以及来自选中复选框的值。

html 表单中选中复选框的图像

显示来自隐藏和复选框的数据的数组

那么，如果在现金数组中选中复选框，我是否可以避免隐藏类型的值？

非常感谢提前。

Answer 1

通过修改 PHP 使其有效（将隐藏输入移动到同一个表格单元格），您可以尝试一些简单的 javascript 来禁用隐藏值（这应该将其从 POST 数组中删除）

echo "<td>
    <input type='hidden' name='cash[]' value='Non Cash' />
    <input type='checkbox' name = 'cash[]' value='Cash'/>
</td>";

和 Javascript

<script>
    document.querySelectorAll('input[type="checkbox"][name="cash[]"]').forEach( input=>{
        input.addEventListener('click',function(e){
            this.previousElementSibling.disabled=this.checked;
        });
    })
</script>

我没有测试过以上 - 请原谅可能的错误。

Answer 2

当您使用[]时，它会动态创建一个新的数组元素。 您需要将它们与相同的索引配对。 这样，如果复选框被选中，它将覆盖隐藏的输入：

echo "<input type='hidden' name='cash[0]' value='Non Cash' />";
echo "<td><input type='checkbox' name='cash[0]' value='Cash'/></td>";

echo "<input type='hidden' name='cash[1]' value='Something' />";
echo "<td><input type='checkbox' name='cash[1]' value='Something Else'/></td>"; 

您现在使用[]执行此操作的方式将导致隐藏输入$_POST['cash'][0]和复选框$_POST['cash'][1] 。 如果您不需要多个具有相同名称的复选框，则根本不要使用数组：

echo "<input type='hidden' name='cash' value='Non Cash' />";
echo "<td><input type='checkbox' name='cash' value='Cash'/></td>";