layui是一款比较好用的前端框架,但是在使用的过程中,初学者可能对于单选按钮,复选框之类的表单元素摸不着头脑。
首先,引用layui.css和layui.js,
其次,单选按钮和复选框都是表单元素,所以,在父层要给个form或者一个类(layui-form),
最后,想要单选按钮或者复选框生效就要在js中渲染一次表单
layui.use('form', function(){
var form = layui.form;
form.render();
});
这样就可以在也页面上看见漂亮的单选按钮和复选框啦。
至于这两种元素的事件,也是在渲染中写的。
layui.use('form',function(){
var form = layui.form;
form.render();
form.on('select(formDemo)', function(data){
selectFun();
});
});
formDemo:是单选按钮或者复选框的lay-filter="formDemo"
selectFun():自己写的函数去处理。