Layui select实现主动赋值和触发选择事件，及radio实现可取消

1年前作者：失恋的蔷薇分类：Toy博客阅读(12)违法举报

这篇具有很好参考价值的文章主要介绍了Layui select实现主动赋值和触发选择事件，及radio实现可取消。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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();
});

文章来源地址https://www.toymoban.com/news/detail-818021.html

到了这里，关于Layui select实现主动赋值和触发选择事件，及radio实现可取消的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

el-select初始化触发change事件
我今天在写一个表单校验的时候，两个下拉框，都用的el-select控件，其中一个校验是正常的，另一个页面初始化的时候就会触发校验后来我发现添加了multiple(开始多选)就会在初始化的时候触发校验，可以理解为如果v-modle绑定的对象的键初始值没有设置，默认是underfind的，但
2024年02月04日
浏览(7)
Element UI中防止赋值触发el-slider的input事件
我封装了一个滑动条组件，重写了一个滑动条使用el-slider封装组件时，发现初始化赋值时总会触发el-slider的input事件。猜测有可能是el-slider封装时，v-model导致的（详情）具体原因不太清楚目前我试验的效果是，但凡v-model的值发生改变，就会触发input事件我需要实现这样一
2024年02月14日
浏览(35)
js中select 选择器的 change 事件处理函数
select 元素的 change 事件是当用户选择了不同的选项时触发的事件。你可以在 select 元素上添加 change 事件的监听器，以便在用户进行选择时执行相应的操作。 change 事件处理函数可以使用 Event.target 属性来获取触发事件的 select 元素，并使用 select.value 属性来获取当前选中的选项
2024年02月09日
浏览(9)
内部软件产品数据治理平台(流程设计里，选择触发事件报错)
内部软件产品数据治理平台(流程设计里，选择触发事件报错) 页面报错如下通过查看dp后台日志发现缺少表字段,表名称(TL_EVENT_SHADOW),需要新增字段即可 PROJECT_ID varchar(200) DEFAULT NULL COMMENT ‘对象所属项目ID’, SPACE_ID varchar(20) DEFAULT ‘0’ COMMENT ‘空间ID’,
2024年02月01日
浏览(10)
layui 实现往 select 标签里面添加 option
要使用Layui来往 select 标签中添加 option ，你需要使用Layui的 form 模块和jQuery库。请确保你已经引入了Layui和jQuery的相关文件。下面是一个基本的示例，展示如何使用Layui和jQuery来往 select 标签中动态添加 option ：
2024年02月12日
浏览(10)
LayUI 监听 Radio
HTML JS
2024年01月25日
浏览(9)
[element-ui] 级联选择器el-cascader不触发change事件
el-cascader 使用官网的数据是可以的官网数据中最后一级没有children 就可以了参考： elementui级联选择器Cascader不触发change事件
2024年01月23日
浏览(16)
Layer ui 针对 radio 进行赋值操作
1、今天在写layer ui 进行 radio 赋值操作的时候遇到了一个坑。。。简单记录一下。 2、现在需要展示已经选中的redio值进行回显 3、按照传统的Jquery 的写法： 4、但是在layer ui 中样式被封装了一层，通过Jquery的这种方式给予赋值的方式发现页面的dom元素确实也被 checked 选中了
2024年02月16日
浏览(8)
解决layui框架的radio属性不显示失效问题
废话不多说直接开干！ 1.问题描述使用layui时 2.不显示问题纠结半天忘记插件要刷新步骤 3、解决方法就是：使用form.render() 刷新请求的界面
2024年02月14日
浏览(9)
layui实现点击事件的方法
说明：这里的点击事件是指单纯的点击事件，而不是提交事件，或者是数据表格中内嵌的button，对于这两者，layui是有lay-submit和lay-event这个属性进行支持的，所以这里只能使用最原始的js和jq进行监听点击事件。（推荐教程：layui官网地址）
2024年02月16日
浏览(11)