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

来源：互联网发布：淘宝购物付款流程编辑：程序博客网时间：2024/06/06 03:07

<span style="font-family: Arial, Helvetica, sans-serif;">请珍惜小编劳动成果，该文章为小编原创，转载请注明出处。</span>

<span style="font-family: Arial, Helvetica, sans-serif;">var FormDeal = {</span>

/** * 功能 ：将表单的所有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');        }        }};

0 0