`

js批量给form表单赋值

    博客分类:
  • js
阅读更多

/**

* 批量赋值

* @param obj

*/

function loadData(obj){

   var key,value,tagName,type,arr;

   for(x in obj){

       key = x;

       value = obj[x];

       $("[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);

           }

            

       });

   }

}

分享到:
评论

相关推荐

    layui 对弹窗 form表单赋值的实现方法

    在本文中,我们将深入探讨如何使用layui框架在弹窗中为form表单赋值,特别是在点击编辑按钮后实现数据回显到子页面表单内的功能。layui是一个优秀的前端UI框架,提供丰富的组件和便捷的API,包括弹窗、表单等,使得...

    前端小工具 - js模拟键盘、鼠标事件给element form批量赋值

    在前端开发中,有时我们需要对页面上的表单(form)元素进行批量赋值,这通常涉及到JavaScript(js)的事件处理和DOM操作。本话题主要探讨如何利用JavaScript的Web API,如MouseEvent、InputEvent和KeyboardEvent,...

    批量添加数据的表单界面(表单含树形下拉框)vue + element

    为了填充树形下拉框的数据,你需要在Vue组件的`mounted`生命周期钩子或者其他适当的地方获取数据,并赋值给`treeData`。通常,这涉及到向后端发送请求获取JSON数据,然后将其转换为适合Element UI Tree Select的格式...

    jquery.formautofill 表单填充控件

    为了提高开发效率和用户体验,开发者们经常寻找自动化解决方案,以简化表单字段的赋值过程。这里我们要介绍的是jQuery.formautofill插件,一个能够帮助我们一键完成表单数据填充的工具。 ### 1. jQuery....

    LayEdit(layer 富文本编辑器使用,包含图片的上传)

    本教程将深入探讨LayEdit的使用,包括其与form表单的交互以及图片上传功能。 首先,我们需要了解LayEdit的基本使用方法。LayEdit是基于layui框架构建的,因此在使用前需要确保页面已引入layui的CSS和JS文件。然后,...

    JavaScript完全自学宝典 源代码

    示例描述:介绍JavaScript与表单控件。 6.1.html JavaScript获取文本框的值。 6.2.html JavaScript控制文本框。 6.3.html 文本框的JavaScript特效。 6.4.html 获取select元素的值。 6.5....

    网页设计入门.pdf

    4.2 表单控件:讲解了表单的组成部分,如`&lt;form&gt;`标签,以及`&lt;input&gt;`、`&lt;select&gt;`、`&lt;textarea&gt;`等控件。 4.3 总结:对表单元素和功能进行总结。 **第5章 CSS样式表** 5.1 简介:CSS的作用,用于美化HTML元素的...

    javascript options属性集合操作代码

    修改现有选项的文本和值,可以直接赋值给对应的属性: ```javascript selectElement.options[i].text = 'updated text'; selectElement.options[i].value = 'updated value'; ``` 综上所述,JavaScript中的`...

    JSP的setProperty的使用方法

    这种形式将所有请求参数值以 `requestParamName` 为前缀的属性,批量赋值给JavaBean的相应属性。 4. **逐一设置属性**: ```jsp ... ``` 这种形式可以逐个指定属性名和对应的请求参数名称,适用于需要精确...

    asp.net实现非常实用的自定义页面基类(附源码)

    基类可以提供辅助方法,利用反射和泛型技术批量赋值,将表单数据自动映射到业务模型中。 ```csharp public T BindFormData() where T : class, new() { var model = new T(); var form = Request.Form; var ...

    ExtJS 设置级联菜单的默认值

    在数据加载完成后,可以使用form.form.setValues方法,将从服务器返回的JSON数据批量设置为表单中相应字段的值。 通过上述步骤,可以成功地在ExtJS中设置级联菜单的默认值。需要注意的是,在实际应用中,服务器返回...

    TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例

    4. FileInput插件的主JavaScript文件`fileinput.js`,实现了图片选择和上传的核心功能。 5. FileInput插件的德语语言包`fileinput_locale_de.js`,用于本地化显示。 6. 最后,Bootstrap的JavaScript库`bootstrap.min...

Global site tag (gtag.js) - Google Analytics