layui单选按钮

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():自己写的函数去处理。

你可能感兴趣的:(js)