歐陽(yáng)良才

          不是別人,就是我陽(yáng)良才
          隨筆 - 13, 文章 - 8, 評(píng)論 - 2, 引用 - 0
          數(shù)據(jù)加載中……

          簡(jiǎn)單的 jQuery 操作復(fù)選框

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
          <HTML>
           <HEAD>
            <TITLE> 復(fù)選框數(shù) </TITLE>
            <META NAME="Generator" CONTENT="EditPlus">
            <META NAME="Author" CONTENT="">
            <META NAME="Keywords" CONTENT="">
            <META NAME="Description" CONTENT="">
            <script src="js/jquery-1.4.2.js"></script>
            <script type="text/javascript">
            $(document).ready(function(){
             $(".paterBtn").click(function(){
               var bool=$(".paterBtn").attr("checked");
              $("[name='checkbox']").attr("checked",bool);
             });
             
             
             $("[name='checkbox']").click(function(){
                var i=0;
              $("[name='checkbox'][checked]").each(function(){
               i+= 1;

              });
              alert(i);
              $(".paterBtn").attr("checked","checked");
              if($(".paterBtn").attr("checked")&&i==0){
               $(".paterBtn").removeAttr("checked");
              }
             });
            });
            </script>
           </HEAD>

           <BODY>

              <div>
            <ul id="tree" class="treeview filetree">
             <li>
               <input type="checkbox" name="1" id="1" class="paterBtn" value="check1"/>
               <span>sk china</span>

               <ul>
               <li>
                 <input type="checkbox" name="checkbox" value="check2" class="1"/>
                 <span>IT研發(fā)部</span>
               </li>
               <li>
                 <input type="checkbox" name="checkbox" value="check3"  class="1"/>
                 <span>聊男部</span>
               </li>
               <li>
                 <input type="checkbox" name="checkbox" value="check4" class="1"/>
                 <span>研究部</span>
               </li>
               </ul>
             </li>
             
            </ul>
           </div>
           </BODY>
          </HTML>

          posted on 2012-04-07 16:35 歐陽(yáng)良才 閱讀(335) 評(píng)論(0)  編輯  收藏 所屬分類: jQuery 學(xué)習(xí)


          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 宁晋县| 通城县| 郧西县| 柳州市| 钟山县| 讷河市| 邹城市| 颍上县| 融水| 延长县| 子洲县| 天长市| 阳西县| 兰坪| 壶关县| 福建省| 桃源县| 鱼台县| 宁国市| 乌海市| 科技| 中宁县| 忻城县| 长春市| 渭源县| 临桂县| 广宗县| 县级市| 廊坊市| 兴文县| 随州市| 邢台市| 岑溪市| 鸡泽县| 肇庆市| 彭阳县| 屏东市| 闽清县| 海阳市| 新干县| 潢川县|