jQuery 实现批量提交表格多行数据的方法

jQuery 实现批量提交表格多行数据的方法实现批量提交表格多行数据的方法

今天小编就为大家分享一篇jQuery 实现批量提交表格多行数据的方法，具有很好的参考价值，希望对大家有所

帮助。一起跟随小编过来看看吧

批量提交用jquery操作起来还是很方便的，主要的思路就是 在动态生成表格时每一行都存下这条数据的唯一id，然后监听选

择，把选中的数据放入数组，最后提交到后台就OK了。

先上一部分代码（这是表头以及一个全选按钮）先上一部分代码（这是表头以及一个全选按钮）

<table class="ui_table ui_table_hover ui_table_striped ui_table_style02 table_fixed">

<tr>

<tbody id="querydata">

</tbody>

</table>

chooseAll函数，判断全选按钮是否选中，然后遍历复选框做相应的选择。知识点：

jQuery 选择器选择器

选择器选择器 实例实例 选取选取

* $("*") 所有元素

#id $("#lastname") id="lastname" 的元素

.class $(".intro")

} else {

$(".choose").attr("checked", false);

}

}

如何动态生成表格数据，这里不做多说了，下面的data是ajax返回的json数据 checkbox的name全部为 ckItm，这在后面取数

据的时候用到

for (var i = 0; i < data.length; i++) {

var $tr = $("<tr style='cursor:pointer;'></tr>");

var $td = $("<td class='align_c'></td>");

$tr.append($td.clone().append("<input type='checkbox' name='ckItm' value='" + data[i].platflow + "' class='choose'/>"));

var list = []; list.push 向数组里面加一个元素

$('#listButton').click(function () {

var list = [];

$('input[name="ckItm"]:checked').each(function () {

list.push($(this).val());

});

if (list == "") {

$u.alert("请选择需要经办的单据");

} else {

$u.ajax({