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


Posted in Javascript onSeptember 24, 2019

一、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选中的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js hover 定时器(实例代码)
Nov 12 Javascript
indexOf 和 lastIndexOf 使用示例介绍
Sep 02 Javascript
JavaScript中常用的六种互动方法示例
Mar 13 Javascript
使用JavaScript实现连续滚动字幕效果的方法
Jul 07 Javascript
基于Node.js实现nodemailer邮件发送
Jan 26 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
Sep 27 Javascript
微信小程序实现下载进度条的方法
Dec 08 Javascript
基于casperjs和resemble.js实现一个像素对比服务详解
Jan 10 Javascript
基于webpack.config.js 参数详解
Mar 20 Javascript
在VUE中使用lodash的debounce和throttle操作
Nov 09 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
Dec 24 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
Feb 07 Javascript
layui 监听select选择 获取当前select的ID名称方法
Sep 24 #Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
Sep 24 #Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
Sep 24 #Javascript
JavaScript RegExp 对象用法详解
Sep 24 #Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
Sep 24 #Javascript
解决layui table表单提示数据接口请求异常的问题
Sep 24 #Javascript
关于layui时间回显问题的解决方法
Sep 24 #Javascript
You might like
php遍历所有文件及文件夹的方法深入解析
2013/06/08 PHP
PHP5全版本绕过open_basedir读文件脚本漏洞详细介绍
2015/01/20 PHP
php获取文件名称和扩展名的方法
2017/02/07 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
详解PHP中curl_multi并发的实现
2020/06/08 PHP
Extjs入门之动态加载树代码
2010/04/09 Javascript
js 浏览器事件介绍
2012/03/30 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
2013/05/30 Javascript
文档对象模型DOM通俗讲解
2013/11/01 Javascript
javascript Array.prototype.slice的使用示例
2013/11/14 Javascript
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
从数据库读取数据后将其输出成html标签的三种方法
2014/10/13 Javascript
jQuery中fadeOut()方法用法实例
2014/12/24 Javascript
jquery实现简单的轮换出现效果实例
2015/07/23 Javascript
AngularJS模块学习之Anchor Scroll
2016/01/19 Javascript
js完整倒计时代码分享
2016/09/18 Javascript
jquery dialog获取焦点的方法
2017/02/09 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
JS简单实现动态添加HTML标记的方法示例
2018/04/08 Javascript
python中xrange和range的区别
2014/05/13 Python
VTK与Python实现机械臂三维模型可视化详解
2017/12/13 Python
tensorflow创建变量以及根据名称查找变量
2018/03/10 Python
python使用sqlite3时游标使用方法
2018/03/13 Python
numpy.linspace函数具体使用详解
2019/05/27 Python
python实现实时视频流播放代码实例
2020/01/11 Python
通过实例解析Python RPC实现原理及方法
2020/07/07 Python
Python3爬虫中Splash的知识总结
2020/07/10 Python
Python3爬虫ChromeDriver的安装实例
2021/02/06 Python
巴西家用小家电购物网站:Polishop
2016/08/07 全球购物
孕妇内衣和胸罩:Cake Maternity
2018/07/16 全球购物
精灵市场:Pixie Market
2019/06/18 全球购物
explicit和implicit的含义
2012/11/15 面试题
linux面试题参考答案(2)
2015/12/06 面试题
项目经理任命书内容
2014/06/06 职场文书
2014年党小组工作总结
2014/12/20 职场文书
2016年优秀党员教师先进事迹材料
2016/02/29 职场文书