Layer ui 针对 radio 进行赋值操作

这篇具有很好参考价值的文章主要介绍了Layer ui 针对 radio 进行赋值操作。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、今天在写layer ui 进行 radio  赋值操作的时候遇到了一个坑。。。简单记录一下。

2、现在需要展示已经选中的redio值进行回显

            <input type="radio" name="experience" value="A" title="A、非常满意">
            <input type="radio" name="experience" value="B" title="B、比较满意">
            <input type="radio" name="experience" value="C" title="C、一般">
            <input type="radio" name="experience" value="D" title="D、不满意">
            <input type="radio" name="experience" value="E" title="E、非常不满意">


             

3、按照传统的Jquery 的写法:

  $("input[name='experience'][value="+变量值+"]").prop("checked",true);

4、但是在layer ui 中 样式被封装了一层,通过Jquery的这种方式给予赋值的方式发现页面的dom元素确实也被 checked 选中了,但是就是没有生效。

通过百度得知,需要在对layer ui的form 进行一遍渲染

layui.use('form',function(){
         var form = layui.form;           
         $("input[name='experience'[value="+变量值+"]").prop("checked",true);
           
         //刷新界面 所有元素(重点)
         form.render();

        });

到此结束。。。文章来源地址https://www.toymoban.com/news/detail-598264.html

到了这里,关于Layer ui 针对 radio 进行赋值操作的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • python针对电脑分辨率进行UI自动化测试样式

    2024软件测试面试刷题,这个小程序(永久刷题),靠它快速找到工作了!(刷题APP的天花板)_软件测试刷题小程序-CSDN博客文章浏览阅读3k次,点赞86次,收藏13次。你知不知道有这么一个软件测试面试的刷题小程序。里面包含了面试常问的软件测试基础题,web自动化测试、

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

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

    2024年02月14日
    浏览(35)
  • Layui的layer.confirm弹框用法,很详细

    Layui的弹框的官网示例代码 运行效果是这样的 解释: “纳尼?”就是弹框的内容 “btn”数组中的元素是弹框按钮的内容 标题这里没有填,默认就是“信息” 官网地址: https://layuion.com/docs/modules/layer.html#btn 就将标题改为“操作提示”,效果是这样的 代码如下: 信息框默认

    2024年01月25日
    浏览(56)
  • js中对象进行赋值操作的几种方式

    最近开发碰到多参数赋值的问题,参数之间总是互相影响,导致出现一些奇怪的bug,查阅了相关资料,全部在这里了,记录一下,希望可以帮到有需要的人 上述代码中,obj1和obj2指向了同一块内存区域,修改obj1的age属性,也会影响到obj2的age属性。这是因为obj2只是复制了obj

    2024年02月02日
    浏览(42)
  • element UI —— form表单中Radio单选框进行切换 & 表单验证rule动态校验-validator & 保存前进行form表单校验后才能上传-validate

    element UI —— form表单中Radio单选框进行切换 表单验证rule动态校验-validator 保存前进行form表单校验后才能上传-validate 1、效果图 2、代码 结构 数据

    2024年02月07日
    浏览(54)
  • 前端UI工具(主要适用于JAVa,layui+easyui+elementui等及UI对比)

    前端开发中有许多流行的UI工具和框架,它们提供了丰富的组件、样式和功能,有助于加速界面开发。以下是一些常用的前端UI工具和框架: Bootstrap: 描述: Bootstrap 是一个开源的前端框架,提供了一套用于设计网站和Web应用的HTML、CSS和JavaScript组件。 特点: 响应式设计、移动

    2024年02月05日
    浏览(35)
  • 前端框架Layui实现动态表格效果用户管理实例(对表格进行CRUD操作-附源码)

    目录 一、前言 1.什么是表格 2.表格的使用范围 二、案例实现 1.案例分析 ①根据需求找到文档源码 ②查询结果在实体中没有该属性 2.dao层编写 ①BaseDao工具类 ②UserDao编写 3.Servlet编写 ①R工具类的介绍 ②Useraction编写 4.jsp页面搭建 ①userManage.jsp  ②userEdit.jsp ③userManage.js ④us

    2024年02月16日
    浏览(48)
  • 【微信开发】小程序this.setData({})中对普通字段、数组以及数组对象进行赋值,对数组对象进行操作

    前言:         之最近在开发一个系统的时候,this.setData总有时候会出问题,查了查资料,一下进行总结: 字段赋值; 数组静态赋值; 数组动态赋值; 对象数组动态赋值; 组对象进行操作         ① 末位加数据;         ② 中间或者开头加数据;         ③ 删除

    2024年02月08日
    浏览(46)
  • 【UI自动化测试技术】自动化测试研究:Python+Selenium+Pytest+Allure,详解UI自动化测试,学习模拟鼠标+模拟键盘进行相关操作(精)(四)

    1、了解元素交互的常用方法 2、学习如何对多选元素进行操作 3、 学习模拟鼠标进行相关操作 ( 本节目标 ) 4、 学习模拟键盘进行相关操作 ( 本节目标 ) 用于向 Web 浏览器提供虚拟化设备输入操作的低级接口.除了刚刚讲过的Web元素交互之外, Actions 接口 还提供了对指定输

    2024年03月24日
    浏览(89)
  • 针对java程序员的了解细节操作系统与进程

    一、💛   操作系统(浅浅概念 ):是用来搞管理软件的                                            1.对下,要管理各种硬件设备                                            2.对上,要给应用程序提供一个稳定的运行环境 二、💙 进程 : 正在运行 的程序,假如程序

    2024年02月14日
    浏览(40)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包