Layui开关使用

在Jsp列表页面使用layui开关

  1. 功能介绍:
    使用layui开关控制一条数据的状态。0:表示启用 1:表示禁用。

  2. 后台框架
    SpringMVC+Mybatis

  3. 后台页面
    Jsp页面

  4. 功能展示
    在这里插入图片描述

  5. 代码实现
    前台:


		
				
					
						
					
					${r.code }
					${r.payments }
					${r.raised }
					${r.createTime }
					
						
						
					
				
			
		

前台JS:



(layui官方文档)开关被点击时触发,回调函数返回一个object参数,携带两个成员:

form.on('switch(filter)', function(data){
  console.log(data.elem); //得到checkbox原始DOM对象
  console.log(data.elem.checked); //开关是否开启,true或者false
  console.log(data.value); //开关value值,也可以通过data.elem.value得到
  console.log(data.othis); //得到美化后的DOM对象
});  

需要引入的js


                    
                    

你可能感兴趣的:(layui,jsp,springmvc)