Строка таблицы столбцов с флажками

У меня есть такой стол

<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[] строк, у которых установлен флажок

0

Решение

Измените свой 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

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector