• 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>
  • 相关阅读:
    【转】Android中自动连接到指定SSID的Wi-Fi
    【转】多文件目录下makefile文件递归执行编译所有c文件
    Android NDK R9d 安装
    【转】第一个MiniGUI程序:模仿QQ界面
    FFmpeg缩放swscale详解 <转>
    【转】基于Qt, TUIO和TSLIB的嵌入式Linux下的多点触摸设计
    【转】TI-Davinci开发系列之六CCS5.2调试Linux内核
    【转】ffserver用法小结
    【转】Android HAL实例解析
    【转】DM8168图像处理Link
  • 原文地址:https://www.cnblogs.com/qq376324789/p/11955563.html
Copyright © 2020-2023  润新知