使用uniForm并尝试禁用输入

Question

我有一个表单，我有两个不同的表单域，这些表单域的使用取决于选择框的值。我遇到的问题是当我尝试禁用不相关的输入字段时，我禁用的属性显示为：disabled =“”而不是disabled =“disabled”这里是我正在使用的代码。这是一个相当复杂的形式，所以我会使用相关的字段，所以我可以尽量保持尽可能简单。如果您认为缺少某些东西......请告诉我您是否需要了解更多信息。

<cfform id="entry-form" ACTION="index-10.cfm?Company" name="send" class="uniForm"> 
     <div class="ctrlHolder"><label for="" style="display:none"><em>*</em>Builder or Individual</label>       
         <cfselect name="select1" id="select1">     
          <option value="" <cfif Individual is "">selected="selected"</cfif>>Who is this Case for? (choose one)</option>     
          <option value="0"<cfif Individual is 1>selected="selected"</cfif>>An Individual Home Owner</option>     
          <option value="1"<cfif Individual is not 1 and Individual is not "">selected="selected"</cfif>>A Builder</option>    
         </cfselect> 
        <p class="formHint">A selection is required</p>   
    </div> 

    <!--- this is for individual home owner. --->   
       <div class="hide" id="hide1"> 

        <div class="ctrlHolder"><label for="" style="display:none"><em>*</em>First name</label> 
        <cfinput type="text"    
           name="FirstName" 
           id="FirstName" 
           data-default-value="Enter your first name" 
           size="35" 
           class="textInput required validateAlpha" 
           maxlength="50" 
           value="#FirstName#"> 
        <p class="formHint">First Name is required</p> 
        </div> 
       </div> 

       <div class="hide" id="hide2"> 

       <div class="ctrlHolder"><label for="" style="display:none"><em>*</em>Builder Name</label> 
        <cfinput type="text" id="builder" 
           name="BuilderName" 
           data-default-value="Type a builder's name" 
           size="35" 
           class="textInput required" 
           value="" /> 
         <p class="formHint">Builder's name is required</p> 
         <cfinput id="builder_hidden" name="BuilderID" type="hidden" value="" /> 
         <cfinput id="builder_hidden_plan" name="PlanID" type="hidden" value="" /> 
        </div> 
       </div> 
</cfform> 

    <script> 

    $(document).ready(function(){  
     $("#select1").change(function(){   
      if ($(this).val() == "1") {    
       $("#hide2").slideDown("fast"); //Slide Down Effect    
       $("#hide1").slideUp("fast"); 
       $("#FirstName").prop("disabled", true); 
         $("#builder").prop("disabled", false); 
    } else if ($(this).val() == "0"){    
       $("#hide1").slideDown("fast"); //Slide Down Effect    
       $("#hide2").slideUp("fast"); 
         $("#FirstName").prop("disabled", false); 
         $("#builder").prop("disabled", true);  
      } 
     }); 
</script> 

我使用：

• jQuery的1.9.1.js
• 的jQuery-UI-1.10.1.custom.js
• 单的形式，validation.jquery.js

Answer 1

我发现了这个问题。正在添加残疾人财产。这是所要求的班级不让其工作。我添加了removeClass和addClass方法来解决这个问题。

Answer 2

请更改jQuery的 '道具' 到 'ATTR' &检查下面的脚本一次正常工作.....

<script type="text/javascript"> 
$(document).ready(function(){  
    $("#select1").change(function(){   
     if ($(this).val() == "1"){    
      $("#hide2").slideDown("fast"); //Slide Down Effect    
      $("#hide1").slideUp("fast"); 
      $("#firstname").attr("disabled", "disabled"); 
      $("#builder").attr("disabled", false); 
     } 
     else if ($(this).val() == "0"){    
      $("#hide1").slideDown("fast"); //Slide Down Effect    
      $("#hide2").slideUp("fast"); 
      $("#firstname").attr("disabled", false); 
      $("#builder").attr("disabled", "disabled");  
     } 
    }); 
});