Post 表格行的复选框列答案

【问题标题】：Post table row of checkboxed columnPost 表格行的复选框列
【发布时间】：2017-02-21 18:42:32
【问题描述】：

我有一张这样的桌子

<form method="post" action="url">
<table>
 <tr>
  <td><input type="checkbox" name="cbox[]" value="1"></td>
  <td><input type="text" name="name[]" value="first_name"></td>
 </tr>

 <tr>
  <td><input type="checkbox" name="cbox[]" value="2"></td>
  <td><input type="text" name="name[]" value="second_name"></td>
 </tr>

 <tr>
  <td><input type="checkbox" name="cbox[]" value="3"></td>
  <td><input type="text" name="name[]" value="third_name"></td>
 </tr>
</table>
<input type="submit" value="send" />
</form>

然后，当我发布此表单时，我只想发送选中复选框的 cbox[] 和 name[] 行

【问题讨论】：

您想通过 PHP 提交？您可以将操作附加为 PHP 或使用 Ajax 来解析信息。
分享您的尝试和错误（如果有）？

标签： php forms html-table

【解决方案1】：

将您的 html 更改为

      <form id ='myform' method="post" action="url">
        <input type='hidden' id='checkboxs' name='checkboxs'>
        <input type='hidden' id='names' name='names'>
        <table>
         <tr>
          <td><input type="checkbox" name="cbox[]" value="1"></td>
          <td><input type="text" name="name1" value="first_name"></td>
         </tr>

         <tr>
          <td><input type="checkbox" name="cbox[]" value="2"></td>
          <td><input type="text" name="name2" value="second_name"></td>
         </tr>

         <tr>
          <td><input type="checkbox" name="cbox[]" value="3"></td>
          <td><input type="text" name="name3" value="third_name"></td>
         </tr>
        </table>
        <input type="button" value="send" onclick="submitValue()"/>
    </form>

并添加功能

        function submitValue()
        {
            var checkboxs = [];
            var names = [];
            $(':checkbox:checked').each(function(i){
               checkboxs[i] = $(this).val();
               names[i] = $('input[name=name'+(i+1)+']').val();
            });
            console.log(checkboxs);
            console.log(names);
            $('#checkboxs').val(checkboxs);
            $('#names').val(names);
            $('#myform').submit();
        }

您在复选框和名称中的价值希望对您有所帮助

【讨论】：