将josn对象赋值给form

最新推荐文章于 2024-08-18 03:03:19 发布

weixin_30697239

最新推荐文章于 2024-08-18 03:03:19 发布

阅读量330

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhangqian1/p/10943565.html

博客记录了将JSON对象赋值给表单的方法。通过自定义的$.fn.setForm函数，针对不同表单元素（如单选框、复选框、下拉框、文本域等），根据JSON对象的键值对进行赋值操作，还给出了代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

记录一下自己用过的方法
$.fn.setForm = function(jsonValue) {
   var obj = this;
   $.each(jsonValue, function(name, ival) {
      var $oinput = obj.find("input[name=" + name + "]");
        var $oselect = obj.find("select[name=" + name + "]")
        if ($oinput.attr("type") == "radio" || $oinput.attr("type") == "checkbox") {
            $oinput.each(function() {
                //console.log(Object.prototype.toString.apply(ival),'++++++++++++++++')
                if (Object.prototype.toString.apply(ival) == '[object Array]') { //是复选框，并且是数组

                    for (var i = 0; i < ival.length; i++) {
                       if ($(this).val() == ival[i]){ //或者文本相等


                            $(this).prop("checked", true);
                       }
                    }
                }else {

                    if ($(this).val() == ival){

                        $(this).prop("checked", true);
                    }
                }
            });
        }else if($oselect.attr("name") !== undefined){
            $oselect.each(function(i) {

                for (j = 0; j < $oselect[i].options.length; j++) {
                    if ($oselect[i].options[j].text == ival) {    // 选项值与变量相同

                        $oselect[i].options[j].selected =true;

                    }
                }

         })

      }else if ($oinput.attr("type") == "textarea") {
         obj.find("[name=" + name + "]").html(ival);
      } else {
         obj.find("[name=" + name + "]").val(ival);
      }
   })
};