Question

我有一张这样的表

<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[]行

Answer 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();
        }

您在复选框和名称中的值希望这个帮助

列表行的复选框列

1 个答案: