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

传入对象，可以根据元素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. [5]Hexo静态博客绑定域名及域名解析

    示例: http://zsy.xyz/ 前提预设:[4]Hexo静态博客背景及界面显示优化配置 [3]hexo+github搭建个人博客的主题配置 [2]hexo+github搭建个人博客的简单使用 ...

  2. Java面试-TCP连接及其优化

    作为一个后端程序员,网络连接这块是一个绕不过的砍,当你在做服务器优化的时候,网络优化也是其中一环,那么作为网络连接中最基础的部分-TCP连接你了解吗?今天我们来仔细看看这个部分. TCP建立连接-三次 ...

  3. Redis（四）Pub/Sub

    发布与订阅 Pub/Sub模式应该非常熟悉,在现实应用中被广泛的使用.如:微博中关注某个号,这个号有发新博时,关注的都会收到:github上watch了某个项目,当有issue时,就会发邮件. Red ...

  4. 解决Hangfire 导致服务器内存飙涨

    最近因为项目需要调度作业服务,之前看张队推荐过一篇https://www.cnblogs.com/yudongdong/p/10942028.html 故直接拿过来实操,发现很好用,简单.方便  执行 ...

  5. PIE SDK矢量数据的创建

    1.功能简介 GIS将地理空间数据表示为矢量数据和栅格数据.矢量数据模型使用点.线和多边形来表示具有清晰空间位置和边界的空间要素,如控制点.河流和宗地等,每个要素被赋予一个ID,以便与其属性相关联.栅 ...

  6. PIE SDK坐标转换算法

    1.算法功能简介 数据坐标转换是空间实体位置的位置描述,是从一种坐标系统变换到另一坐标系统的过程.通过建立两个坐标系之间一一对应关系来实现.是各种比例尺地图测量和编绘中建立地图数学基础必不可少的步骤. ...

  7. Centos7 python虚拟环境virtualenv和virtualenvwrapper简单介绍

    我的系统版本是 [root@localhost ~]# cat /etc/os-release 我的Python版本是 [root@localhost ~]# python3 -V 关于如何安装Pyt ...

  8. Java NIO学习系列一：Buffer

    前面三篇文章中分别总结了标准Java IO系统中的File.RandomAccessFile.I/O流系统,对于I/O系统从其继承体系入手,力求对类数量繁多的的I/O系统有一个清晰的认识,然后结合一些 ...

  9. 面试题：android用户注册代码 密码需要加密传输吗

    答案是肯定的,至少比明文好 客户端注册和登录的时候:一个可行的方法是,客户端提交 md5(password) 密码(如上所述,此方法只是简单保护了密码,是可能被查表获取密码的). 注册的时候:服务端数 ...

  10. 源码升级SUSE openssh

    1.check old opensslrpm -q opensslopenssl versionwhich opensslwhereis opensslls /etc/ssl 2.backup old ...