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 相关文章推荐
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
jquery通过closest选择器修改上级元素的方法
Mar 17 Javascript
怎么限制input的text里输入的值只能是数字(正则、js)
May 16 Javascript
Bootstrap学习笔记之css样式设计(1)
Jun 07 Javascript
实现隔行换色效果的两种方式【实用】
Nov 27 Javascript
JS常用倒计时代码实例总结
Feb 07 Javascript
微信小程序 出现47001 data format error原因解决办法
Mar 10 Javascript
解决Vue不能检测数组或对象变动的问题
Feb 24 Javascript
详解使用create-react-app快速构建React开发环境
May 16 Javascript
浅谈Webpack打包优化技巧
Jun 12 Javascript
Vue实现开心消消乐游戏算法
Oct 22 Javascript
javascript实现智能手环时间显示
Sep 18 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简单命令代码集锦
2007/09/24 PHP
Wordpress php 分页代码
2009/10/21 PHP
php中的ini配置原理详解
2014/10/14 PHP
thinkPHP分组后模板无法加载问题解决方法
2016/07/12 PHP
laravel 5.5 关闭token的3种实现方式
2019/10/24 PHP
利用location.hash实现跨域iframe自适应
2010/05/04 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
2013/12/29 Javascript
基于jQuery实现复选框的全选 全不选 反选功能
2014/11/24 Javascript
分享五个有用的jquery小技巧
2015/10/08 Javascript
vuex实现简易计数器
2016/10/27 Javascript
JavaScript仿百度图片浏览效果
2016/11/23 Javascript
浅析JavaScript动画模拟拖拽原理
2016/12/09 Javascript
Bootstrap 模态框(Modal)带参数传值实例
2017/08/20 Javascript
vue.js中父组件调用子组件的内部方法示例
2017/10/22 Javascript
基于 flexible 的 Vue 组件:Toast -- 显示框效果
2017/12/26 Javascript
Vue表单及表单绑定方法
2018/09/04 Javascript
vue父子组件的通信方法(实例详解)
2019/11/10 Javascript
angular8和ngrx8结合使用的步骤介绍
2019/12/01 Javascript
vue 开发之路由配置方法详解
2019/12/02 Javascript
通过vue刷新左侧菜单栏操作
2020/08/06 Javascript
Python实现的一个找零钱的小程序代码分享
2014/08/25 Python
Python json模块使用实例
2015/04/11 Python
详解Python读取配置文件模块ConfigParser
2017/05/11 Python
使用pandas对矢量化数据进行替换处理的方法
2018/04/11 Python
对pandas replace函数的使用方法小结
2018/05/18 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
介绍一下linux的文件系统
2015/10/06 面试题
教师敬业奉献模范事迹材料
2014/05/18 职场文书
应届生求职自荐信
2014/07/04 职场文书
危货运输企业安全生产责任书
2014/07/28 职场文书
投资意向书
2014/07/30 职场文书
重阳节演讲稿:尊敬帮助老人 弘扬传统美德
2014/09/25 职场文书
自荐信怎么写
2015/03/04 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
应用最多的公文《通知》如何写?
2019/04/02 职场文书