jquery 自动表单赋值

$.fn.extend({// 调用方式：$("xxxxx").getform();getform: function () {                   var obj = {};var array = $(this).serializeArray();$.each(array, function () {obj[this.name] = this.value;});return obj;},              // 调用方式： $("xxx").setform(json);// $("标签x").setform(json数据); 给标签x内文本框自动赋值json数据//$("#div").setform(${jsondata}); json格式 : {"name":"1","sax":"2","checkbox":"1,2,3"}setform: function (jsonValue) {if(typeof(jsonValue) != "undefined"){var obj = this;$.each(jsonValue, function (name, ival) {var $input = obj.find("input:[name=" + name + "]");if ($input.attr("type") == "radio" || $input.attr("type") == "checkbox") {$input.each(function () {if (Object.prototype.toString.apply(ival) == '[object String]') { // [object String] 或者 [object Array]var arr= new Array(); arr= ival.split(","); //字符串分割 for (var i = 0; i < arr.length; i++) {if ($(this).val() == arr[i]){$(this).attr("checked", "checked");}}} else {if ($(this).val() == ival){$(this).attr("checked", "checked");}}});} else if ($input.attr("type") == "textarea") { // 多行文本框  obj.find("[name=" + name + "]").html(ival);} else {obj.find("[name=" + name + "]").val(ival);}});}},// 调用方式： $("xxx").disform(yyy); 标签disabled:true,yyy为disabled:false// $("标签x").setform(标签y); 除标签y以外,禁用标签x内全部文本只读,标签y可以为空//$("#disform").disform(); //$("#disform").disform("#div");disform: function (jsonValue) {var obj = this;$("#"+obj[0].id+" input").each(function () {this.disabled=truethis.style.backgroundColor = "#dcdcdc";})$("#"+obj[0].id+" textarea").each(function () {this.disabled=truethis.style.backgroundColor = "#dcdcdc";})$("#"+obj[0].id+" select").each(function () {this.disabled=truethis.style.backgroundColor = "#dcdcdc";})if(jsonValue!=''){$(jsonValue+" input").each(function () {this.disabled=falsethis.style.backgroundColor = "#ffffff";})$(jsonValue+" textarea").each(function () {this.disabled=falsethis.style.backgroundColor = "#ffffff";})$(jsonValue+" select").each(function () {this.disabled=falsethis.style.backgroundColor = "#ffffff";})}},//$("标签x").disformtrue(); 标签x内全部元素解除只读状态//$("#text_essas").disformtrue(); disformtrue: function () {var obj = this;$("#"+obj[0].id+" input").each(function () {this.disabled=falsethis.style.backgroundColor = "#ffffff";})$("#"+obj[0].id+" textarea").each(function () {this.disabled=falsethis.style.backgroundColor = "#ffffff";})$("#"+obj[0].id+" select").each(function () {this.disabled=falsethis.style.backgroundColor = "#ffffff";})}
});要求json 格式：  {"name":"1","sax":"2","checkbox":"1,2,3"}

jquery 自动表单赋值相关推荐

jquery对文本赋值和取值_jQuery对表单元素的取值和赋值操作代码
JS jQuery对表单元素的取值和赋值操作代码作者: 来源:www.28hudong.com2013-03-30 00:52:47 阅读次 $("#keyword")[0].v ...
HTML给表单元素赋值,JQuery表单元素取值赋值方法总结
一.普通文本框的赋值与取值 1.1.1赋值 jQuery 表单元素取值与赋值方法总结 function get(){ var test1 = $("input.test1").va ...
layui 子页面写弹出框覆盖父页面，以及给弹框中的表单赋值
咋说呢,因为对 layui 不太熟悉,这个弹出框搞了好久,看了好多解决方案,大致尝试了一下其中几种,在坑中无法自拔...总之终于搞出来了,在这里分享一下我的笔记. 着急的直接戳这里看解决代码. 尝 ...
五、jQuery 对表单、表格的操作（走过路过瞅瞅吧）
文章目录前言一. 表单应用 1.1 单行文本框应用 1.2 多行文本框应用 1.3 复选框应用 1.3 下拉框应用 1.5 表单验证二. 表格应用 2.1 表格变色 2.1.1 普通的隔行变色 ...
html5 控件赋值,jquery给textarea赋值
html中怎样给textarea赋值? html中给textarea赋值比较常见的方式:1.html中直接书写:2.通过JS动态修改: 第一种:JQuery给textarea取值和赋值: 取值 var ...
一款比较实用齐全的jQuery 表单验证插件
一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~ 可以验证哪些? 文字,日期,邮箱,网 ...
数据流分析与 SSA | 什么是静态单赋值 SSA
什么是静态单赋值 SSA. SSA 是 static single assignment 的缩写,也就是静态单赋值形式. 顾名思义,就是每个变量只有唯一的赋值.
轻量级的jQuery表单验证插件 - HAPPY.js
为什么80%的码农都做不了架构师?>>> 日期:2012-9-14 来源:GBin1.com 在线演示本地下载功能强大的表单验证插件很多,以前我们介绍过validati ...
JQuery 表单验证--jquery validation
jquery validation,表单验证控件官方地址 :http://jqueryvalidation.org/ jquery表单验证默认值校验规则 jquery表单验证默认的提示 1 &l ...

jquery 自动表单赋值

jquery 自动表单赋值相关推荐

最新文章

热门文章