比如有表格如下:
<table id="table-cut-produce"><thead><tr><th>货号</th><th>尺码</th><th>productId</th><th>裁剪数</th></tr></thead><tbody id="t-produce-body"><tr><td>LTH-FR-LMYD5089_Black</td><td>US 10 / EU XXL</td><td name="product-id">63131131</td><td name="cut-num"><input text="number" id="cut-num" name="cut-num" class="form-control" value="0" required=""></td></tr><tr><td>LTH-FR-LMYD5089_Black</td><td>US 12 / EU 3XL</td><td name="product-id">63131133</td><td name="cut-num"><input text="number" id="cut-num" name="cut-num" class="form-control" value="0" required=""></td></tr><tr><td>LTH-FR-LMYD5089_Black</td><td>US 2 / EU S</td><td name="product-id">63131135</td><td name="cut-num"><input text="number" id="cut-num" name="cut-num" class="form-control" value="0" required=""></td></tr><tr><td>LTH-FR-LMYD5089_Black</td><td>US 4 / EU M</td><td name="product-id">63131137</td><td name="cut-num"><input text="number" id="cut-num" name="cut-num" class="form-control" value="0" required=""></td></tr><tr><td>LTH-FR-LMYD5089_Black</td><td>US 6 / EU L</td><td name="product-id">63131139</td><td name="cut-num"><input text="number" id="cut-num" name="cut-num" class="form-control" value="0" required=""></td></tr><tr><td>LTH-FR-LMYD5089_Black</td><td>US 8 / EU XL</td><td name="product-id">63131141</td><td name="cut-num"><input text="number" id="cut-num" name="cut-num" class="form-control" value="0" required=""></td></tr></tbody></table>
遍历代码
var list = [];
var flag=0;
var tr = $('#table-cut-produce').children("tbody").children('tr');
tr.each(function(){
var productId= $(this).find("[name='product-id']").html();
var cutNum= $(this).find("[id='cut-num']").val();
if(cutNum=='')
{
alert(productId+"裁剪数量不可为空");
flag=1;
return;
}
var json="{productId:"+productId+",cutNum:"+cutNum+"}";
list.push(json);
});
list可以作为一个数组传给后端
$.ajax({
async: false,
url: "updateCutNum.do",
data: {"list[]": list,produceNo:produceNo},
success: function (data) {
var v=data;
var code=v.code;
var msg=v.msg;
if(code==0)
{
alert("更新失败!");
return;
}else {
$.messager.show({
title: "更新成功",
msg: msg,
showType: "slide"
});
location.reload();
}
},
error: function (data) {
}
});