Question

让我试着描述我想要完成的事情：

我想使用表格显示表单，其中每行都有一个复选框，该行中项目的唯一标识符和建议数量。数量是可编辑的，用户可以选择行的子集。

表格将提交以下内容：对于每个选定的行，唯一标识符和数量将提交给服务器。

我可以用某种方式使用javascript来“激活”哪些行被提交，但我无法解决配对UID + Qty对的解决方案。

欢迎任何建议！

谢谢。

Answer 1

你可以制作这样的表格：

<?php
$width = 10; 
$height = 5;
echo '<form ...>';
echo '<table>';
for($i=0;$i<$height;$i++){
    echo "<tr>";
    for($j=0;$j<$width;$j++){
    echo <td>';
    echo '<input type="checkbox" name="'.$i.'x'.$j.'" />';
    echo '<input type="text" name="'.$i.'x'.$j.'value" value="la valeur" />';
    echo '</td>';
    }
    echo '</tr>';
    }
echo '</table>';
echo '<submit...>';
echo '</form>';

然后在治疗部分，您可以进行两个循环，验证复选框是否已选中并更新值

Answer 2

如果您的服务器端语言支持它，我建议使用数组语法。 e.g。

<tr>
 <td>
  <input type="checkbox" />
 </td>
 <td>
  <span>NAME</span>
 </td>
 <td>
  <input type="text" name="qty[5]" value="10" />
 </td>
</tr>

服务器端语言只需要运行POSTed qty数组，其中索引是UID，值是Quantity。这个模型可以这样扩展：

<tr>
 <td>
  <input type="checkbox" />
 </td>
 <td>
  <input type="text" name="name[5]" value="Name" />
 </td>
 <td>
  <input type="text" name="qty[5]" value="10" />
 </td>
</tr>

带有复选框和可编辑输入框的HTML表单

2 个答案: