关闭

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

407人阅读 评论(0) 收藏 举报
分类:
需要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. }  
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:31429次
    • 积分:487
    • 等级:
    • 排名:千里之外
    • 原创:7篇
    • 转载:70篇
    • 译文:0篇
    • 评论:1条
    文章分类
    最新评论