首页 > 其他分享 >Layui select实现赋值和主动触发选择时间,及radio实现可取消

Layui select实现赋值和主动触发选择时间,及radio实现可取消

时间:2024-01-23 11:15:58浏览次数:22  
标签:Layui value selectId radio select 赋值

Layui select赋值,并主动触发选择事件

// Layui select赋值,并主动触发选择事件
// Input: selectId:ID选择器,selectFilter:lay-filter名称,value:需要的赋值,text:显示文本值
function setSelect(selectId, selectFilter, value, text){
    //赋值
    $(selectId).find("option[value="+value+"]").prop("selected",true);
    $(selectId).parent().find(".layui-select-title").find("input").val(text);
    //触发事件
    layui.event("form", "select("+selectFilter+")", {value: value});        
}

Layui radio点击事件,实现可选中可取消

// Layui radio点击事件,实现可选中可取消
// filterName:lay-filter名称
layui.form.on("radio(filterName)",function(data){
    if($(this).attr("checked")) {
         $(this).removeAttr("checked")
     } else {
         $(this).attr("checked", "true")
     }
     layui.form.render();
});

 

标签:Layui,value,selectId,radio,select,赋值
From: https://www.cnblogs.com/wcwnina/p/17981885

相关文章

  • [SQLAlchemy] sqlAlchemy学习笔记(2): 在orm中使用select
    SELECT的作用select在sql中的作用是选中特定列并以表的形式返回,是必要的关键字;在sqlalchemy中,select()方法会返回一个Select对象,并根据这个对象引入其他方法,如where(),join(),order_by()等等fromsqlalchemyimportselectstmt=select(User).where(User.name==......
  • 数据库学习笔记(三)—— MySQL 之 SELECT(查询)篇
    查询单表查询select分组函数,分组后的字段from表名[where条件][groupby分组的字段][having分组后的筛选][orderby排序列表];排序SELECT字段名FROM表名ORDERBY字段名[ASC|DESC];ASC表示升序,DESC表示降序,而ORDERBY默认值为ASC。多字段排......
  • select count(*) 引发的思考
    1、属性上添加注解:@JsonIgnoreimportcom.fasterxml.jackson.annotation.JsonIgnore;@JsonIgnore@ApiModelProperty("属性")privateLongsqlTotal;privateinttotal;针对Long类型,接口返回时,会转化为字符串,这样做是因为怕前端解析时出现精度问题......
  • 解决 Ant TreeSelect(树选择)组件可以使用键盘选中 disabled(已禁用)项的问题
    最近在使用AntDesignVue(V3.2.20)的TreeSelect组件时发现一个问题:tree-data中部分数据的disabled属性设置为了true,选项是“禁用”状态,无法通过鼠标点击选中,但是可以通过键盘↑↓键切换选项,按下Enter键选中。一开始还以为是bug,后来通过查阅文档和测试发现,该组件还......
  • Radio单选按钮组
    Radio单选按钮组classRadioPageextendsStatefulWidget{constRadioPage({super.key});@overrideState<RadioPage>createState()=>_RadioPageState();}class_RadioPageStateextendsState<RadioPage>{intsex=1;_radioChange(value)......
  • vue2中使用v-selectpage插件 搜索并分页
    <v-selectpagedata="/api/intrusionevent/lists"v-model="temp.event_id"key-field="id"show-field="description"search-field="de......
  • LayUI多文件上传,支持历史上传预览
    记录一次项目开发中,LayUI多个图片进行优化,需要支持多个图片上传、可删除某一个图片、支持加载上次上次图片。页面代码:<divclass="layui-upload"><buttontype="button"class="layui-btnlayui-btn-normal"id="ID-upload-demo-files">选择多文件&l......
  • 254-layui table 获取当前列表的缓存数据
    首先,需要获取表格的ID1、表格工具栏的操作按钮获取,按钮位于表格的左上角或者右上角table.on('toolbar(itemFieldSrcTable1)',function(obj){varid=obj.config.id;varlayEvent=obj.event;active[layEvent].call(this,{tableIns:tableIns1,row:{name:''}});......
  • SqlSugar的Select用法
    Select位置正常情况:应该在最后面,一般是.Where(..).OrderBy(..).Select(..).ToList()特殊情况:如果Select不是最后一个位置,则Select要加MergeTable()合并成一个表,Select(...).MergeTable().Where语法糖:Select(...).MergeTable()在新版本中可以用SelectMergeTable(it=>newx......
  • Layui官网—面板 - 页面元素
    一般的面板通常是指一个独立的容器,而折叠面板则能有效地节省页面的可视面积,非常适合应用于:QA说明、帮助文档等常规面板<divclass="layui-card"><divclass="layui-card-header">卡片面板</div><divclass="layui-card-body">卡片式面板面板通常用于非白色背景色的主体......