的jQuery的岗位破回

我是新来webdevelopement和jQuery 我有一个aspx文件中的一个单选列表（3）项和3周的div 我隐藏所有3上一个回我检查启动的jQuery的岗位破回

和如果有选择，我想再次使用jQuery显示一个按钮，该div 能有人检查，看看我哪里错了

<asp:RadioButtonList ID="RdoListAdminTasks" runat="server" BackColor ="SkyBlue"> 
    <asp:ListItem Text = "Add Employee" >Add Employee</asp:ListItem> 
    <asp:ListItem Text = "EditEmployee">Edit Employee</asp:ListItem> 
    <asp:ListItem Text = "AddCCB">Add CCB</asp:ListItem> 
    </asp:RadioButtonList> 

<script type="text/javascript"> 
    var rbvalue = $("input[@name=<%=RdoListAdminTasks.UniqueID%>]:radio:checked").val(); 

     rbvalue=rbvalue; 

     if (typeof rbvalue == 'undefined'){ 
        $().ready(function() { 
        $('.AddCCB').hide(); 
        $('.EditEmployee').hide(); 
        $('.Add_Employee').hide(); 


              }); 
     } 

     else{ 
     switch (rbvalue){ 

      case 'Add Employee': 
           $('.AddCCB').fadeOut('fast'); 
           $('.EditEmployee').fadeOut('fast'); 
           $('.Add_Employee').fadeIn('slow'); 
           break; 
      case 'Edit Employee':    
           $('.AddCCB').fadeOut('fast'); 
           $('.Add_Employee').fadeOut('fast');   
           $('.EditEmployee').fadeIn('slow'); 
           break; 
      case 'Add CCB': 
           $('.EditEmployee').fadeOut('fast'); 
           $('.Add_Employee').fadeOut('fast'); 
           $('.AddCCB').fadeIn('slow'); 
           break; 
      default: 
           alert("How'd you get here? Who sent you?"); 
           $('.AddCCB').fadeOut('fast'); 
           $('.EditEmployee').fadeOut('fast'); 
           $('.Add_Employee').fadeOut('fast'); 
           break; 





     } 



     } 

    </script>

来源

2012-07-19 China Syndrome

我认为你做错了这里：缺少doucment.ready功能。也：

$('.AddCCB').hide();

. DOT这里代表cssClass在这里，我不能看到你指定的任何地方。

如果你想隐藏与ID：

$('#<%= AddCCB.ClientID %>').hide();

来源

2012-07-19 16:52:30

这有可能是该脚本运行时，你的网页没有完全呈现。

尝试使用document.ready：

function UpdateUIDisplay() { 
    var rbvalue = $("input[@name=<%=RdoListAdminTasks.UniqueID%>]:radio:checked").val(); 

    rbvalue=rbvalue; 

    if (typeof rbvalue == 'undefined'){ 
       $().ready(function() { 
       $('.AddCCB').hide(); 
       $('.EditEmployee').hide(); 
       $('.Add_Employee').hide(); 


             }); 
    } 

    else{ 
    switch (rbvalue){ 

     case 'Add Employee': 
          $('.AddCCB').fadeOut('fast'); 
          $('.EditEmployee').fadeOut('fast'); 
          $('.Add_Employee').fadeIn('slow'); 
          break; 
     case 'Edit Employee':    
          $('.AddCCB').fadeOut('fast'); 
          $('.Add_Employee').fadeOut('fast');   
          $('.EditEmployee').fadeIn('slow'); 
          break; 
     case 'Add CCB': 
          $('.EditEmployee').fadeOut('fast'); 
          $('.Add_Employee').fadeOut('fast'); 
          $('.AddCCB').fadeIn('slow'); 
          break; 
     default: 
          alert("How'd you get here? Who sent you?"); 
          $('.AddCCB').fadeOut('fast'); 
          $('.EditEmployee').fadeOut('fast'); 
          $('.Add_Employee').fadeOut('fast'); 
          break; 





    } 



    } 
} 

$(function() { UpdateUIDisplay(); }); 
</script>

来源

2012-07-19 16:49:40

的jQuery的岗位破回

回答

相关问题