JQuery 对表单进行初始化操作

Posted 2020-10-01 我的博客

提供一种如果前台页面标签比较多，如果挨个初始化的话可能会比较繁琐，这时候我们可以将后台传递的数据组装为json串，前台用jquery将代码初始化到表单中。

function loadData(jsonStr) {
          //  alert(jsonStr.toString())
            var obj = eval("(" + jsonStr + ")");
            var key, value, tagName, type, arr;
            for (x in obj) {
                key = x;
                value = obj[x];
                try
                {
                   // alert($("#ProDes").val());
                    //alert($("[id=‘ProDes‘]").val() = "111");
                    $("[id=‘" + key + "‘]").each(function () {
                    //$("[name=‘"+key+"‘],[name=‘"+key+"[]‘]").each(function(){ 
                        tagName = $(this)[0].tagName;

                        type = $(this).attr(‘type‘);
                        if (tagName == ‘INPUT‘) {
                            if (type == ‘radio‘) {
                                $(this).attr(‘checked‘, $(this).val() == value);
                            } else if (type == ‘checkbox‘) {
                                arr = value.split(‘,‘);
                                for (var i = 0; i < arr.length; i++) {
                                    if ($(this).val() == arr[i]) {
                                        $(this).attr(‘checked‘, true);
                                        break;
                                    }
                                }
                            } else {
                                $(this).val(value);
                            }
                        } else if (tagName == ‘SELECT‘ || tagName == ‘TEXTAREA‘) {
                            $(this).val(value);
                        }
                        else if(tagName == ‘SPAN‘) {
                            ///如果是lable的话

                           // alert(tagName)
                            $(this).html(value);
                        }


                    });
                }
                catch(e){}
            }
        }