js循环table并将内容发送到后端
html代码
<table id="listTable" class="table table-bordered table-hover">
<thead>
<tr>
<th class="" >
</th>
<th >
</th>
<th class="" >
</th>
<th class="" >
</th>
</tr>
</thead>
<tbody>
<c:forEach var="item" items="${userList}" varStatus="xh">
<tr>
<td>
<input type="hidden" class="" value="${item.ID}"/>
${item.NAME}
</td>
<td>
${item.POSITION}
</td>
<td class="">
<input type="text" class="" value="${item.PHONENUMBER}"/>
</td>
<td class="">
<label style="margin-top: 5px; ">
<input type="checkbox" id="ISUSE" class="ace ace-switch ace-switch-4 btn-empty" name="form['ISUSE']" value="${item.ISUSE }"
<c:if test="${item.ISUSE =='Y'}">checked="checked"</c:if> >
<span class="lbl"></span>
</label>
</td>
</tr>
</c:forEach>
</tbody>
</table>
js代码
<script type="text/javascript">
function saveTableInfo(){
var trList = $("#listTable").children("tbody").children("tr");
var paramsArr = new Array();
for (var i=0;i<trList.length;i++){
params = {};
var tdArr = trList.eq(i).find("td");
var ID = tdArr.eq(0).find('input').val();//数据列id
var PHONENUMBER = tdArr.eq(2).find('input').val();//电话号码
var ISUSE = tdArr.eq(3).find('input').is(':checked')==true?'Y':'N';//是否起用
params.ID=ID;
params.PHONENUMBER=PHONENUMBER;
params.ISUSE=ISUSE;
paramsArr.push(params);
}
//alert(JSON.stringify(paramsArr));
$.ajax({
type: "POST",
url: '${ctx}/AirWaring/saveUserInfo.vm',
data: JSON.stringify(paramsArr),
contentType: "application/json",
dataType: "json",
success: function(result) {
alert('保存成功');
window.parent.closeDialog('editUser');
}
});
}
</script>