Javascript 带有复选框和可编辑输入框的HTML表单
让我试着描述一下我正在努力实现的目标: 我想使用一个表格显示一个表单,其中每行都有一个复选框、该行中项目的唯一标识符和建议数量。数量是可编辑的,用户可以选择行的子集 表格将提交以下内容: 对于每个选定的行,将向服务器提交唯一标识符和数量 我可以想象如何使用javascript“激活”提交的行,但我不能为UID+Qty对的配对解决方案绞尽脑汁 欢迎任何建议Javascript 带有复选框和可编辑输入框的HTML表单,javascript,html,forms,form-submit,Javascript,Html,Forms,Form Submit,让我试着描述一下我正在努力实现的目标: 我想使用一个表格显示一个表单,其中每行都有一个复选框、该行中项目的唯一标识符和建议数量。数量是可编辑的,用户可以选择行的子集 表格将提交以下内容: 对于每个选定的行,将向服务器提交唯一标识符和数量 我可以想象如何使用javascript“激活”提交的行,但我不能为UID+Qty对的配对解决方案绞尽脑汁 欢迎任何建议 谢谢。您可以制作如下表格: <?php $width = 10; $height = 5; echo '<form ...>
谢谢。您可以制作如下表格:
<?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>';
如果您的服务器端语言支持它,我建议使用数组语法。e、 g
<tr>
<td>
<input type="checkbox" />
</td>
<td>
<span>NAME</span>
</td>
<td>
<input type="text" name="qty[5]" value="10" />
</td>
</tr>
<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>