layui使用经验总结（二）——使用form表单实现表格复选框选中信息，通过post请求页面跳转

需求

点击签到按钮，获取表格复选框选中信息，并js处理信息获取ids数组，通过post把ids数组传到后台并进行页面跳转。

签到按钮

<button class="layui-btn layui-btn-normal f-left " lay-submit lay-filter="sign" >签到</button>

js处理数据

 form.on('submit(sign)', function(data){
		 var checkData = table.checkStatus('tableId').data; //选中对象信息
		 var ids = new Array();
		 for(var j = 0,len = checkData.length; j < len; j++){
			    ids.push(checkData[j].ID);//单独取id
		 }
		 //$("#ids").attr("value", ids);
		// document.idsForm.submit();
	 });
	 
	

其中tableId是如图设置的

通过隐藏域和隐藏form表单post提交数据

<form action='${base}/Sign.html' method='post' name='idsForm' style='display:none'>
			<input id="ids" name="ids" type="hidden" />
</form>

使用document.idsForm.submit();

 form.on('submit(sign)', function(data){
		 var checkData = table.checkStatus('tableId').data; //选中对象信息
		 var ids = new Array();
		 for(var j = 0,len = checkData.length; j < len; j++){
			    ids.push(checkData[j].ID);//单独取id
		 }
		 $("#ids").attr("value", ids);
		 document.idsForm.submit();
	 });

后台’${base}/Sign.html的Controller层可以获取ids