码迷,mamicode.com
首页 > Web开发 > 详细

玩转web之JQuery(二)---改变表单和input的可编辑状态(封装的js)

时间:2014-05-23 01:53:44      阅读:318      评论:0      收藏:0      [点我收藏+]

标签:blog   class   c   code   java   tar   

var FormDeal = {


	/**
	 * 功能 :将表单的所有input都设为可编辑的
	 *@param 要操作表单的id
         */
	 formWritable: function (formId) {
	    $("#"+formId+" input,textarea").removeAttr("readonly");    
	    $("#"+formId+" input,textarea").css('backgroundColor', '#FFF');
	},

	/**
	 * 功能 :将给定的input设为可编辑
	 * @param array 数组,存放有要操作的input的id
         */
	inputWriteable:function(array){
		for(var i=0;i<array.length;i++){
		    $('#'+array[i]).removeAttr("readonly");
		    $('#'+array[i]).css('backgroundColor', '#FFF');
		}
	},

	/**
	 * 功能 :将表单的所有input都设为只读
	 *@param 要操作表单的i
         */
        formReadOnly: function(formId){
        	$("#"+formId+" input,textarea").attr("readOnly",true);
        	$("#"+formId+" input,textarea").css('backgroundColor', '#ececec');
        },

        /**
	 * 功能 :将给定的input设为只读
	 * @param array 数组,存放有要操作的input的id
         */
        inputReadOnly:function(array){
        	for(var i=0;i<array.length;i++){
        		$('#'+array[i]).attr("readOnly",true);
        		$('#'+array[i]).css('backgroundColor', '#ececec');
        	}
        }

	
};

玩转web之JQuery(二)---改变表单和input的可编辑状态(封装的js),布布扣,bubuko.com

玩转web之JQuery(二)---改变表单和input的可编辑状态(封装的js)

标签:blog   class   c   code   java   tar   

原文地址:http://blog.csdn.net/u012116457/article/details/26485715

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!