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选中的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
相关文章
Serwa
2020-03-20
Rae
2023-07-22
Rhoda
2023-07-22
Hester
2023-07-22
Grace
2023-07-22
Vanna
2023-07-22
Peony
2023-07-22
Dorothy
2023-07-22
Dulcea
2023-07-22
Zandra
2023-07-22
Serafina
2023-07-24
Kathy
2023-08-08
Olivia
2023-08-08
Elina
2023-08-08
Jacinthe
2023-08-08
Viridis
2023-08-08
Hana
2023-08-08