layui监听select变化,以及设置radio选中的方法

今天小编就为大家分享一篇layui监听select变化,以及设置radio选中的方法,具有好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

一、select监听

1.首先,要给select加一个layui提供的属性 lay-filter=“level” 这里面的level自己定义,下面会用到

2.导入form

layui.use('form', function(){ var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功 form.on('select(level)'),function() { //内容 }); form.render();//注意如果是动态添加的select ,就必须加这行代码 });

可以不用加第一行的代码 layui.use这行

二、radio选中

首选要将layui提供的form表单放在当前函数最下面

layui.use('form', function(){ var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功 form.render(); });

然后使用jquery的each 以及根据name找dom元素的方法进行设计

$.each($("input[name='usex']") ,function (index, data) {//index是索引,从0开始 if( data.value == '男' ) { // alert(usex); $(data).prop('checked',true);//data表示数据的内容,比如男女 } })

在这里也强调下关于select的初显示,如果想让他第一次出现在你想让的显示的一个Option上也需要吧layui.use放在最下面

以上这篇layui监听select变化,以及设置radio选中的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/82b6f31295b112c855207858e52dc9bb.html