可以进行文本框赋值，文本域赋值，下拉列表赋值，单选框赋值，多选框赋值，

传入对象，可以根据元素name进行比对赋值，不用每个进行单独赋值

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>springboot</title>

    <script type="text/javascript" src="../js/jquery.min.js"></script>

</head>

<body>

   <div id="test">

       <input type="text" name="a"/>

       <input name="b" value="1" type="radio"/>

       <input name="b" value="2" type="radio"/>

       <input name="b" value="3" type="radio"/>

       <input name="c"  type="checkbox" value="1"/>

       <input name="c" type="checkbox" value="2"/>

       <input name="c" type="checkbox" value="3"/>

       <textarea name="d"></textarea>

       <select name="e">

           <option>1</option>

           <option>2</option>

           <option>3</option>

       </select>

   </div>

<script>

    let data={

        a:"123",

        b:"2",

        c:['1','2'],

        d:"1236",

        e:"2"

    }

    test2("#test",data);

    function test2(args,data){

        $(args+" input[type='text']").each(function () {

            let tags= $(this).attr("name");

            let val=data[tags];

            $("input[name="+tags+"]").val(val);

        })

        $(args+" input[type='radio']").each(function () {

            let tags= $(this).attr("name");

            let val=data[tags];

            $("input[name="+tags+"]").each(function () {

                let val2=$(this).val()

                if(val==val2){

                    $(this).prop( "checked",true);

                }

            })

        })

        $(args+" input[type='checkbox']").each(function () {

            let tags= $(this).attr("name");

            let val=data[tags];

            console.log(val);

           $("input[name="+tags+"]").each(function () {

                let val2=$(this).val();

                if(val.indexOf(val2)>=0){

                     $(this).attr("checked",true);

                }

            })

        })

        $(args+" textarea").each(function () {

            let tags= $(this).attr("name");

            let val=data[tags];

            $("textarea[name="+tags+"]").val(val);

        })

        $(args+" select").each(function () {

            let tags= $(this).attr("name");

            let val=data[tags];

            $("select[name="+tags+"]").val(val);

        })

    }

</script>

</body>

</html>

jquery根据选择器进行页面赋值，封装赋值方法的更多相关文章

  1. 使用 jQuery 基本选择器获取页面元素，然后利用 jQuery 对象的 css() 方法动态设置 ＜span＞ 和 ＜a＞ 标签的样式

    查看本章节 查看作业目录 需求说明: 使用 jQuery 基本选择器获取页面元素,然后利用 jQuery 对象的 css() 方法动态设置 <span> 和 <a> 标签的样式 ...

  2. jQuery 互相调用iframe页面中js的方法

    1,子iframe内调用父类函数方法: window.parent.func(); 2,子Iframe中获取父界面的元素: $("#xx", window.parent.docum ...

  3. JQuery调用iframe子页面函数/对象的方法例子

    父页面有个ID为mainfrm.name为Iframe1的iframe,iframe连接b.html,该页面有个函数test 在父页面调用b.html的test方法为: $("#mainfr ...

  4. jQuery属性选择器.attr()和.prop()两种方法

    在判断表单单选框是否被选中时,通常会想到使用$('#checkbox').attr('checked')来判断,但在一些情况下,你会发现这种方法并不管用,得到的是undefined. 原来jQuery ...

  5. JQuery调用iframe子页面函数/对象的方法

    父页面有个ID为mainfrm的iframe,iframe连接b.html,该页面有个函数test 在父页面调用b.html的test方法为: $("#mainfrm")[0].c ...

  6. jquery中选择器的 html() text() val() attr() 方法的区别与使用方式

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. jquery操作select下拉框的多种方法(选中,取值,赋值等)

    Query获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Sel ...

  8. Jquery 关于span标签的取值赋值用法

    span是最简单的容器,可以当作一个形式标签,其取值赋值方法有别于一般的页面元素. //赋值 $("#spanid").html(value) //取值 $("#span ...

  9. jQuery设计思想之取值和赋值

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

随机推荐

  1. Password file not found:.../jmxremote.password

    jmxremote.password 在jdk/jre/lib/management/下,jmxremote.password.template复制,去掉.template后缀 在配置JMX远程访问的 ...

  2. 两数相加II--链表

    题目 给定两个非空链表来代表两个非负整数.数字最高位位于链表开始位置.它们的每个节点只存储单个数字.将这两数相加会返回一个新的链表. 你可以假设除了数字 0 之外,这两个数字都不会以零开头. 进阶: ...

  3. Mysql序列（八）—— group by排序问题

    在mysql中,group by默认会执行排序: By default, MySQL sorts GROUP BY col1, col2, ... queries as if you also inc ...

  4. 【须弥SUMERU】分布式安全服务编排实践

    一.概要 1.分布式安全服务编排概念 2.须弥(Sumeru)关键实现思路 3.应用场景 二.前言 在笔者看来,安全防御的本质之一是增加攻击者的攻击成本,尤其是时间成本.那么从防御的角度来说,如何尽早 ...

  5. # .NET Core下操作Git，自动提交代码到

    .NET Core下操作Git,自动提交代码到 转自博客园(阿星Plus) .NET Core 3.0 预览版发布已经好些时日了,博客园也已将其用于生产环境中,可见 .NET Core 日趋成熟 回归 ...

  6. 一文读懂Java线程状态转换

    前言 本文描述Java线程线程状态及状态转换,不会涉及过多理论,主要以代码示例说明线程状态如何转换. 基础知识 1. 线程状态 Thread源码中的状态说明: 线程可以有6种状态: New(新建) R ...

  7. 【python+selenium学习】常见错误: 'gbk' codec can't decode byte 0xb0 in position 30

    最近编写的自动化脚本,数据部分使用到了从配置文件中取,即自定义config.ini,但是在读取配置文件的时候却报错了'gbk' codec can't decode byte 0xb0 in posi ...

  8. Linux安装node环境

    一.进行连接远程: 1.命令窗口 —> 输入 ssh 用户名@主机IP —> 回车 2.输入密码 (输入后回车) 3.进入根目录 (命令:cd / ) 二.Linux环境安装node: T ...

  9. 为什么内核访问用户数据之前，要做access_ok?

    本文系转载,著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 作者: 宋宝华 来源: 微信公众号linux阅码场(id: linuxdev) 原理 先看一段小视频,如果内核访问用户 ...

  10. 手写xpath定位公式

    做web自动化,之前我们已经将环境搭建好了,现在的话总结下怎么定位元素的 最基本的元素定位是有6种: driver.find_element_by_id("") driver.fi ...