【复选框】 换成了服务器 不可以用了

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
   <%-- <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>--%>    <script src="JS/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(":checkbox").click(function(){
                var v = $(this).attr("name");
                if(v=="all")
                    $("#select :checkbox").attr("checked",$(this).attr("checked"));
                 else if(v=="first")
                    $(this).parent().next().find(":checkbox").attr("checked",$(this).attr("checked"))
            })
        });
    </script>
</head>
<body  >
 <form id="form2" runat="server">
    <div id="select" runat="server">
     <%--  <input id="Checkbox1" type="checkbox" name="all"  />--%> 选择区域<br />
         <asp:CheckBox id="Checkbox1"   name="all" runat="server" Style="border: 0" />
        <div>
            <input id="Checkbox2" type="checkbox" name="first" />北京
        </div>
        <div>
            &nbsp;&nbsp;&nbsp;&nbsp;<input id="Checkbox3" type="checkbox"/>大区经理1
            <input id="Checkbox4" type="checkbox" />大区经理2
            <input id="Checkbox5" type="checkbox" />大区经理3
        </div>
        <div>
            <input id="Checkbox6" type="checkbox" name="first" />天津<br />
        </div>
        <div>
            &nbsp;&nbsp;&nbsp;&nbsp;<input id="Checkbox7" type="checkbox" />天津经理1
            <input id="Checkbox8" type="checkbox" />天津经理2
            <input id="Checkbox9" type="checkbox" />天津经理3
        </div>
    </div>   </form> 
</body>
</html>

解决方案 »

  1.   

      var v = $(this).attr("name");
                    if(v=="all")
    当你改成服务器控件以后，name已经变了，查看源文件，看看name的值。
      

  2.   

    if(v=="all") -> if(v == '<%=Checkbox1.ClientID%>')
      

  3.   

    DEMO
      

  4.   

    因为服务器控件解析后多了个span，那些属性都在span上，你是都要换成服务器控件吗？
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
        <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $(":checkbox").click(function(){
                    var v = $(this).parent().attr("name");
                    if(v=="all")
                        $("#select :checkbox").attr("checked",$(this).attr("checked"));
                     else if(v=="first")
                        $(this).parents("div").next().find(":checkbox").attr("checked",$(this).attr("checked"))
                })
            });
        </script>
    </head>
    <body  >
     <form id="form2" runat="server">
        <div id="select" runat="server">
           <asp:CheckBox id="Checkbox1" name="all" runat="server" />选择区域<br />
            <div>
                <asp:CheckBox id="Checkbox10" name="first" runat="server" />北京
            </div>
            <div>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <asp:CheckBox id="Checkbox3" runat="server" />大区经理1
                <asp:CheckBox id="Checkbox4" runat="server" />大区经理2
                <asp:CheckBox id="Checkbox5" runat="server" />大区经理3
            </div>
            <div>
                <asp:CheckBox id="Checkbox2" name="first" runat="server" />北京天津<br />
            </div>
            <div>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <asp:CheckBox id="Checkbox6" runat="server" />天津经理1
                <asp:CheckBox id="Checkbox7" runat="server" />天津经理2
                <asp:CheckBox id="Checkbox8" runat="server" />天津经理3
            </div>
        </div>   </form> 
    </body>
    </html>
      

  5.   

    我刚刚测试了一下，你在下载一个jquery.js最新版本。是可以的。