获取div下所有input的值

草莓不苦

已于 2022-03-31 10:51:35 修改

阅读量5k

点赞数

分类专栏：前端文章标签： android JavaScript

于 2020-07-07 16:09:29 首次发布

本文链接：https://blog.csdn.net/qq_43511677/article/details/107183630

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

html

 <div class="lieIn" id="type1">
        <div class="kuaiIn">
            <span class="titleIn">名称:</span>
            <input class="detailIn" name="proName" type="text"  maxlength="1000" placeholder="请输入名称">
        </div>
        <div class="kuaiIn">
            <span class="titleIn">垂直位移:</span>
            <input class="detailIn" name="czwy" type="text"  maxlength="1000" placeholder="请输入垂直位移">
        </div>
        <div class="kuaiIn">
            <span class="titleIn">水平位移:</span>
            <input class="detailIn" name="spwy" type="text"  maxlength="1000" placeholder="请输入水平位移">
        </div>
        <div class="kuaiIn">
            <span class="titleIn">渗流:</span>
            <input class="detailIn" name="sl"  type="text"  maxlength="1000" placeholder="请输入渗流（浸润线、坝基渗流压力、坝基渗流量、侧岸绕渗）">
        </div>
        <div class="kuaiIn">
            <span class="titleIn">伸缩缝:</span>
            <input class="detailIn" name="ssf" type="text"  maxlength="1000" placeholder="请输入伸缩缝">
        </div>
    </div>

js

var form ='#type1';
var filed=['jcid','proName','type','province','city','county','prsc','czwy','spwy','sl','ssf','cygsw','sxyyh','czwydb','czwymk','czwyds','lfdb','lfhp','lfcd','sldb','slhp','sldb'];
                var da={};
                //window.localStorage.removeItem("jcList");
                var jcList=JSON.parse(window.localStorage.getItem("jcList"));
                if(jcList!=undefined){
                    da=JSON.parse(window.localStorage.getItem("jcList"));//解析缓存中的jcList
                }else{
                    da={pageDesc:{rowEnd:12,totalRows:11}, objList:
                            [{jcid: 1, proName: '劳山水库',type:1, province: '江苏省',city:'南京市',county:'栖霞区',prsc:'大（1）型',czwy:'0.3',spwy:'0.2',sl:'1',ssf:'10',cygsw:'',sxyyh:'',czwydb:'',czwymk:'',czwyds:'',lfdb:'',lfhp:'',lfcd:'',sldb:'',slhp:'',sldb:''},
                                {jcid: 2, proName: '兑山水泵站',type:2, province: '福建省',city:'厦门市',county:'兑山县',prsc:'中型',czwy:'0.3',spwy:'',sl:'',ssf:'10',cygsw:'10',sxyyh:'老山河',czwydb:'',czwymk:'',czwyds:'',lfdb:'',lfhp:'',lfcd:'',sldb:'',slhp:'',sldb:''},
                                {jcid: 3, proName: '十三寸水库',type:3, province: '贵州省',city:'贵阳市',county:'开阳市',prsc:'小（1）型',czwy:'',spwy:'',sl:'',ssf:'',cygsw:'',sxyyh:'',czwydb:'0.2',czwymk:'0.1',czwyds:'0.4',lfdb:'0.5',lfhp:'0.1',lfcd:'0.2',sldb:'1',slhp:'0.5',sldb:'0.3'},
                                {jcid: 4, proName: '紫坪铺水库',type:1, province: '四川省',city:'成都市',county:'都江堰市',prsc:'中型',czwy:'0.3',spwy:'0.2',sl:'1',ssf:'10',cygsw:'',sxyyh:'',czwydb:'',czwymk:'',czwyds:'',lfdb:'',lfhp:'',lfcd:'',sldb:'',slhp:'',sldb:''}]
                    };
                }

                if(type==2){
                    var length=da.objList.length;
                    var obj=new Object();
                    obj.jcid=length+1;
                    $(form+" input[type='text']").each(function(){//获取所有input的值遍历，写入自定义对象
                        var name=$(this).attr('name');
                        var value=$(this).val();
                        var n=0;
                        filed.forEach(function (item,i) {
                            if(i!=0 && n==0){
                                if(item==name){
                                    obj[name]=value;
                                    n++;
                                }
                            }

                        })
                        // alert($(this).val()) ;
                        // alert($(this).attr('name'));
                    });
da.objList.push(obj);
window.localStorage.setItem("jcList",JSON.stringify(da));//放入h5缓存，JSON.stringify(da)转换为字符串
                }