zoukankan      html  css  js  c++  java
  • jquery根据选择器进行页面赋值,封装赋值方法

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

    传入对象,可以根据元素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>
  • 相关阅读:
    CF676E:The Last Fight Between Human and AI
    BZOJ2079: [Poi2010]Guilds
    BZOJ4518: [Sdoi2016]征途
    BZOJ2216: [Poi2011]Lightning Conductor
    51nod1766 树上的最远点对
    洛谷P1257 平面上的最接近点对
    BZOJ2144: 跳跳棋
    BZOJ4773: 负环
    BZOJ4552: [Tjoi2016&Heoi2016]排序
    The Falling Leaves(建树方法)
  • 原文地址:https://www.cnblogs.com/qq376324789/p/11955563.html
Copyright © 2011-2022 走看看