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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Pruett/article/details/84066294

一,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放在最下面

猜你喜欢

转载自blog.csdn.net/Pruett/article/details/84066294