0

我是 webdevelopement 和 Jquery 的新手,我有一个带有单选列表(3 个)项目和 3 个 div 的 aspx 页面,我在启动时隐藏了所有 3 个

在回帖中我正在检查,如果选择了一个按钮,我正在尝试再次使用 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>           
4

2 回答 2

2

我认为您在这里做错了:缺少doucment.ready功能。还:

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

.这里的DOT 代表cssClass 这里,我看不到你已经分配了任何地方。

如果你想用 ID 隐藏:

 $('#<%= AddCCB.ClientID %>').hide();
于 2012-07-19T16:52:30.917 回答
0

当该脚本运行时,您的页面可能未完全呈现。

尝试使用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-19T16:49:40.297 回答