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

这篇具有很好参考价值的文章主要介绍了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-817921.html

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

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

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

相关文章

  • layui(4)——内置模块日期与时间选择

    通过核心方法: laydate.render(options) 来设置基础参数,也可以通过方法: laydate.set(options) 来设定全局基础参数. 类型: String/DOM ,默认值: 无 必填项,用于绑定执行日期渲染的元素,值一般为选择器,或DOM对象 类型: String ,默认值: date 用于单独提供不同的选择器类型,可

    2024年02月10日
    浏览(57)
  • Layui时间范围选择器,添加【本周、本月、本季度、本年等常用时间快捷键】

    2.1 第一种实现 2.2 第二种实现

    2024年02月11日
    浏览(76)
  • Layui快速入门之第十三节 日期与时间选择器

    目录 一:基本用法 API 渲染 属性 弹出提示 2.8+ 获取实例 2.8+ 解除实例绑定 2.8+ 关闭日期面板 2.7+ 获取某月的最后一天 二:常规用法 三:多类型选择器  四:范围选择 五:直接静态显示 六:更多功能示例            Layui 是一个基于 jQuery 的前端UI框架,它提供了众多的

    2024年02月07日
    浏览(56)
  • layui 实现往 select 标签里面添加 option

    要使用Layui来往 select 标签中添加 option ,你需要使用Layui的 form 模块和jQuery库。请确保你已经引入了Layui和jQuery的相关文件。 下面是一个基本的示例,展示如何使用Layui和jQuery来往 select 标签中动态添加 option :

    2024年02月12日
    浏览(42)
  • LayUI 监听 Radio

    HTML JS

    2024年01月25日
    浏览(33)
  • Layer ui 针对 radio 进行赋值操作

    1、今天在写layer ui 进行 radio  赋值操作的时候遇到了一个坑。。。简单记录一下。 2、现在需要展示已经选中的redio值进行回显 3、按照传统的Jquery 的写法: 4、但是在layer ui 中 样式被封装了一层,通过Jquery的这种方式给予赋值的方式发现页面的dom元素确实也被 checked 选中了

    2024年02月16日
    浏览(30)
  • 解决layui框架的radio属性不显示失效问题

    废话不多说 直接开干! 1.问题描述使用layui时 2.不显示问题 纠结半天 忘记插件要刷新 步骤 3、解决方法就是:使用form.render() 刷新请求的界面

    2024年02月14日
    浏览(35)
  • VUE中使用ElementUI组件的单选按钮el-radio-button实现第二点击时取消选择的功能

    页面样式为: html 代码为: js代码为:(记得在data中声明loglevel:\\\"\\\")

    2024年02月15日
    浏览(50)
  • 实现ElementUI中两个Select选择联动效果

    先上图 通过赋值的方式实现 即子级下拉选项循环数组为空 将所需的值对空数组 重新赋值 代码如下 第一个循环数组为 procedureType 第二个是 causeGroup 暂且称之为父级与子级 须注意的是父级下拉绑定的change事件 要对子级作出滞空操作 也就是 清空子选项的值 不然会出现切换选

    2024年02月15日
    浏览(46)
  • Qt/QtCreator:主动触发鼠标或键盘事件QMouseEvent与QKeyEvent

    方法:          构造QMouseEvent或QKeyEvent,使用QApplication::sendEvent或postEvent进行投送事件    。         QApplication::sendEvent()和QApplication::postEvent()都是Qt中用于发送事件的函数,它们之间的区别在于事件的处理方式。         QApplication::sendEvent(target, event)是直接将事件

    2024年02月15日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包