玩转web之JQuery(二)---改变表单和input的可编辑状态(封装的js)
2014-05-21 16:22
471 查看
<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'); } } };
相关文章推荐
- 玩转web之JQuery(二)---改变表单和input的可编辑状态(封装的js)
- 玩转web之JQuery(二)---改变表单和input的可编辑状态(封装的js)
- 玩转web之javaScript(五)---js和jquery一些不可不知的方法(input篇)
- JS -- 改变 input 表单内容自动改变边框颜色
- Jquery input valeu 改变 AngularJS ng-model 值同步 值改变
- jquery 给input text元素赋值,js修改表单的值
- 玩转web之javaScript(五)---js和jquery一些不可不知的方法(input篇)
- 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- 玩转web之javaScript(五)---js和jquery一些不可不知的方法(input篇)
- 用JS改变表单的编辑状态
- js和jQuery实现双击表格变为可编辑状态
- JQuery Form Ajax提交Asp.Net表单时的验证视图状态 MAC 失败
- 用jquery.validate.js验证表单
- jquery.form.js 在IE下保存表单时报了个错: 缺少对象
- 【js:片断】jQuery 设置 select 下拉框的选中状态
- jquery.validate.js表单验证
- 通过在 Web 表单中维持对象的 ViewState (视图状态)
- 用Jquery改变复选框的状态
- jquery获取input表单值的代码