jquery禁用form表单中所有的表单项

转载 2015年07月10日 09:45:17
需要jquery支持,测试版本为jquery-1.7.2.min.js 

Java代码  收藏代码
  1. //禁用form表单中所有的input[文本框、复选框、单选框],select[下拉选],多行文本框[textarea]  
  2.   
  3. function disableForm(formId,isDisabled) {  
  4.       
  5.     var attr="disable";  
  6.     if(!isDisabled){  
  7.        attr="enable";  
  8.     }  
  9.     $("form[id='"+formId+"'] :text").attr("disabled",isDisabled);  
  10.     $("form[id='"+formId+"'] textarea").attr("disabled",isDisabled);  
  11.     $("form[id='"+formId+"'] select").attr("disabled",isDisabled);  
  12.     $("form[id='"+formId+"'] :radio").attr("disabled",isDisabled);  
  13.     $("form[id='"+formId+"'] :checkbox").attr("disabled",isDisabled);  
  14.       
  15.     //禁用jquery easyui中的下拉选(使用input生成的combox)  
  16.   
  17.     $("#" + formId + " input[class='combobox-f combo-f']").each(function () {  
  18.         if (this.id) {alert("input"+this.id);  
  19.             $("#" + this.id).combobox(attr);  
  20.         }  
  21.     });  
  22.       
  23.     //禁用jquery easyui中的下拉选(使用select生成的combox)  
  24.     $("#" + formId + " select[class='combobox-f combo-f']").each(function () {  
  25.         if (this.id) {  
  26.         alert(this.id);  
  27.             $("#" + this.id).combobox(attr);  
  28.         }  
  29.     });  
  30.       
  31.     //禁用jquery easyui中的日期组件dataBox  
  32.     $("#" + formId + " input[class='datebox-f combo-f']").each(function () {  
  33.         if (this.id) {  
  34.         alert(this.id)  
  35.             $("#" + this.id).datebox(attr);  
  36.         }  
  37.     });  
  38. }  

jQuery禁用表单元素

使用prop禁用 使用prop禁用 使用attr禁用 使用attr禁用 使用
  • luckyyulin
  • luckyyulin
  • 2014年04月25日 19:06
  • 2642

禁用form表单中所有控件

//禁用form表单中所有的input[文本框、复选框、单选框],select[下拉选],多行文本框[textarea] function disableForm(formId,isDisa...
  • bfqiwbifj
  • bfqiwbifj
  • 2015年07月28日 19:50
  • 2717

jquery禁用form表单中所有的表单项

//禁用form表单中所有的input[文本框、复选框、单选框],select[下拉选],多行文本框[textarea]    function disableForm(formId,isDisab...
  • zhangliao613
  • zhangliao613
  • 2013年03月19日 16:37
  • 5757

jquery、js阻止表单提交的不同方法

做web开发的,写表单提交的代码那是家常便饭。既然是要提交表单,那肯定就会进行表单验证。表单验证的问题一直都是一件头疼的事情,争议也比较大。有些程序员会把验证放在服务器端,让服务器来进行验证,试想,这...
  • u010256177
  • u010256177
  • 2013年09月27日 15:26
  • 5490

使用jQuery重置表单的方法

遇到了一个重置表单问题:就是如何使用jQuery方法重置form表单。 一开始我以为是:$('#formName').reset()执行后发现不行,网上给出的答案是使用 $('#formName')[...
  • u013066244
  • u013066244
  • 2016年10月19日 19:18
  • 7999

jQuery实现Ajax方式提交表单

提交表单一般通过同步的方式提交,提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理,那么页面不能整体刷新,这时第一想到的就是采用...
  • wangzl1163
  • wangzl1163
  • 2016年12月16日 14:00
  • 1726

关于Jquery 获取表单FORM所有元素进行AJAX提交

前提交代: 获取 表单FROM所有的元素可以采用var a = $('#form_id').serializeArray() 进行获取; var form_data = $.serializeArra...
  • winxsm
  • winxsm
  • 2016年12月25日 12:31
  • 9817

jQuery操作Form表单元素

Web开发中经常需要操作表单,form表单元素有select、checkbox、radio、textarea、button、file、text、hidden、password等。其中checkbox和...
  • accountwcx
  • accountwcx
  • 2015年07月27日 09:13
  • 5386

jquery对表单元素的取值和赋值

jquery对表单元素的取值:
  • tolcf
  • tolcf
  • 2014年08月15日 23:02
  • 1700

巧用jQuery选择器写表单办法总结(提高效率)

相信很多小伙伴都会遇到需要做表单的需求,就像我现在做的医院项目,茫茫多的表单无穷无尽。一开始做表单使用最笨的方法:一个个span去定义ID,每个数据都用ajax获取后赋值显示,然后在表单提交前一个个用...
  • violetjack0808
  • violetjack0808
  • 2016年08月16日 15:33
  • 2402
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery禁用form表单中所有的表单项
举报原因:
原因补充:

(最多只允许输入30个字)