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

传入对象，可以根据元素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. Prometheus Alertmanager 介绍详解

    Prometheus 之 Alertmanager 介绍详解 告警无疑是监控中非常重要的环节,虽然监控数据可视化了,也非常容易观察到运行状态.但我们很难做到时刻盯着监控,所以程序来帮巡检并自动告警,这 ...

  2. Redis（八） LRU Cache

    Redis(八)-- LRU Cache 在计算机中缓存可谓无所不在,无论还是应用还是操作系统中,为了性能都需要做缓存.然缓存必然与缓存算法息息相关,LRU就是其中之一.笔者在最先接触LRU是大学学习 ...

  3. Queue接口分析：add和offer区别，remove和poll方法到底啥区别

    Queue接口: public interface Queue<E> extends Collection<E> { /* * add方法,在不违背队列的容量限制的情况,往队列 ...

  4. html 图片滚动代码

    我自己也在用的,网页常用!分享出来 最简单易懂源码 <!--下面是向上滚动代码--> <div id=butong_net_top style=overflow:hidden;hei ...

  5. Newtonsoft.Json使用技巧

    本篇将为大家介绍Newtonsoft.Json的一些高级用法,可以修改很少的代码解决上述问题. 阅读目录 Newtonsoft.Json介绍 基本用法 高级用法 总结 回到顶部 Newtonsoft. ...

  6. 开发工具--搭建python环境

    工具|搭建python环境 实现python2版本与python3版本的环境搭建. 正文 1.Python下载 官网: www.python.org 下载: ( 64位3.5.2Windows x86 ...

  7. Python中itertools.groupby分组的使用

    Python中itertools.groupby分组的使用 有时候我们需要给一个列表按照某个属性分组,可以借助groupby来实现. 比如:一下列表我想以严重程度给它分组,并求出每组的元素个数. fr ...

  8. 用node发布一个包

    手把手教你用npm发布一个包 注:本文引用于简书 http://www.jianshu.com/p/36d3e0e00157   但是内容的话,还是一样的,也就是继续之前的工作,将那个autoRout ...

  9. Jpa的简介

    Jpa:是用于数据持久化的一组标准接口. 1.HelloWorld的编写 创建EntityManagerFactory 创建EntityManager 开启事务 数据持久化 提交事务 关闭Entity ...

  10. Centos7 samba配置

    目录 免密码只读 加密码可读写 Samba配置了很多次,总是忘,现在写在博客里. 免密码只读 最主要的是免密配置,主要用到了两个配置,要写在[global]里: map to guest = Bad ...