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 相关文章推荐
ASP中用Join和Array,可以加快字符连接速度的代码
Aug 22 Javascript
JS setCapture 区域外事件捕捉
Mar 18 Javascript
基于JQuery模仿苹果桌面的Dock效果(初级版)
Oct 15 Javascript
js获取html页面节点方法(递归方式)
Dec 13 Javascript
javascript实现的弹出层背景置灰-模拟(easyui dialog)
Dec 27 Javascript
js完美的div拖拽实例代码
Jan 22 Javascript
基于JQuery实现图片轮播效果(焦点图)
Feb 02 Javascript
Vue刷新修改页面中数据的方法
Sep 16 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
Mar 08 Javascript
微信小程序常用赋值方法小结
Apr 30 Javascript
小程序实现录音功能
Sep 22 Javascript
Openlayers学习之地图比例尺控件
Sep 28 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 magic_quotes_gpc的一点认识与分析
2008/08/18 PHP
phpMyAdmin出现无法载入 mcrypt 扩展,请检查PHP配置的解决方法
2012/03/26 PHP
非常有用的9个PHP代码片段
2016/04/06 PHP
php strftime函数获取日期时间(switch用法)
2018/05/16 PHP
JQuery扩展插件Validate 1 基本使用方法并打包下载
2011/09/05 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
再谈javascript原型继承
2014/11/10 Javascript
javascript中cookie对象用法实例分析
2015/01/30 Javascript
jQuery实现预加载图片的方法
2015/03/17 Javascript
JavaScript正则表达式的分组匹配详解
2016/02/13 Javascript
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
2016/08/15 Javascript
jQuery实现微信长按识别二维码功能
2016/08/26 Javascript
jQuery中的AjaxSubmit使用讲解
2016/09/25 Javascript
如何让你的JS代码更好看易读
2017/12/01 Javascript
vue+springmvc导出excel数据的实现代码
2018/06/27 Javascript
浅谈JS的原型和继承
2019/05/08 Javascript
fastadmin中调用js的方法
2019/05/14 Javascript
JavaScript实现京东放大镜效果
2019/12/03 Javascript
[02:38]DOTA2超级联赛专访Loda 认为IG世界最强
2013/05/27 DOTA
python中的多线程实例教程
2014/08/27 Python
Python获取网页上图片下载地址的方法
2015/03/11 Python
Python实现抓取HTML网页并以PDF文件形式保存的方法
2018/05/08 Python
python flask解析json数据不完整的解决方法
2019/05/26 Python
服务器端jupyter notebook映射到本地浏览器的操作
2020/04/14 Python
Pycharm如何自动生成头文件注释
2020/11/14 Python
如何使用 Flask 做一个评论系统
2020/11/27 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
非常漂亮的CSS3百叶窗焦点图动画
2016/02/24 HTML / CSS
通过一张图教会你CSS3倒影的实现
2017/09/26 HTML / CSS
雪花秀美国官方网站:韩国著名草本护肤化妆品品牌
2016/10/19 全球购物
中英双版中文教师求职信
2013/10/27 职场文书
求职信需要的五点内容
2014/02/01 职场文书
3分钟演讲稿
2014/04/30 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
大学生,三分钟即兴演讲稿
2019/07/22 职场文书
python实战之用emoji表情生成文字
2021/05/08 Python