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

谁借莪１个温暖的怀抱￠ 2022-02-14 04:14 374阅读 0赞

## 需求 ##

点击签到按钮，获取表格复选框选中信息，并js处理信息获取ids数组，通过post把ids数组传到后台并进行页面跳转。  
![在这里插入图片描述][20190425185645849.png]  
**签到按钮**

**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是如图设置的  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lNYW5peQ_size_16_color_FFFFFF_t_70]  
**通过隐藏域和隐藏form表单post提交数据**

**使用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**

[20190425185645849.png]: /images/20220214/3250a872ad8341969f48dc07c07337a8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lNYW5peQ_size_16_color_FFFFFF_t_70]: /images/20220214/c28dbcb425d1460787bbe65feac1c14d.png