您的位置:首页 > Web前端 > JQuery

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

2014-05-21 16:22 387 查看
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');
}
}

};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐