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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值