JQuery 對錶單進行初始化操作

標籤：inpu   var   ++   代碼   type   ble   text   後台   str   

提供一種如果前台頁面標籤比較多，如果挨個初始化的話可能會比較繁瑣，這時候我們可以將後台傳遞的資料群組裝為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){}            }        }

 

JQuery 對錶單進行初始化操作