發布復選框列的表行

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

您在復選框和名稱中的值希望對您有所幫助