JQuery 对表单进行初始化操作

提供一种如果前台页面标签比较多，如果挨个初始化的话可能会比较繁琐，这时候我们可以将后台传递的数据组装为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){}}}

转载于:https://www.cnblogs.com/l919310075/p/7294238.html

JQuery 对表单进行初始化操作相关推荐

五、jQuery 对表单、表格的操作（走过路过瞅瞅吧）
文章目录前言一. 表单应用 1.1 单行文本框应用 1.2 多行文本框应用 1.3 复选框应用 1.3 下拉框应用 1.5 表单验证二. 表格应用 2.1 表格变色 2.1.1 普通的隔行变色 ...
jQuery对表单、表格的操作以及更多应用
表单和表格都是HTML的重要组成部分,分别用于采集.提交用户输入的信息和显示列表数据. 表单应用:一个表单有3个基本组成部分: ①表单标签:包含处理表单数据所用的服务器端程序URL以及数据提交到服务器 ...
jQuery对表单元素的取值和赋值操作代码
使用常规的思路:$("#keyword").value 取值是取不到的,因为此时$('#keydord')已经不是个element,而是个jquery对象,所以应该使用:$(&qu ...
jQuery表单控件操作
自己下载jQuery类库(http://docs.jquery.com/Downloading_jQuery),当前使用版本1.5. 源码: <!DOCTYPE html PUBLIC &quo ...
jquery对文本赋值和取值_jQuery对表单元素的取值和赋值操作代码
JS jQuery对表单元素的取值和赋值操作代码作者: 来源:www.28hudong.com2013-03-30 00:52:47 阅读次 $("#keyword")[0].v ...
day-16 jquery的DOM文档操作及bootstrap
1. jquery的DOM文档操作 <!DOCTYPE html> <html lang="en"> <head> <meta chars ...
jQuery框架学习第十一天：实战jQuery表单验证及jQuery自动完成提示插件
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQ ...
jQuery 表单插件 -- Form
1.Form 插件简介 jQuery Form 插件是一个优秀的 Ajax 表单插件,可以非常容易地.无侵入地升级 HTML 表单以支持 Ajax. jQuery Form 有两个核心方法 --- a ...
JQuery表单插件Form
Form 插件简介 JQuery Form 插件是一个优秀的Ajax表单插件.它有两个核心方法 ajaxForm()和ajaxSubmit(),还包括一些方法: formToArray().formS ...

JQuery 对表单进行初始化操作

JQuery 对表单进行初始化操作相关推荐

最新文章

热门文章