歐陽良才

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

          簡單的 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 歐陽良才 閱讀(331) 評論(0)  編輯  收藏 所屬分類: jQuery 學(xué)習(xí)


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


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 瑞昌市| 新津县| 伊吾县| 鹤壁市| 莱芜市| 西充县| 漾濞| 个旧市| 彭州市| 濉溪县| 满城县| 平果县| 乌拉特前旗| 敖汉旗| 新乡市| 石棉县| 阳泉市| 无棣县| 金塔县| 阳原县| 奉新县| 益阳市| 柳江县| 清镇市| 秦皇岛市| 平乐县| 永胜县| 元阳县| 建水县| 麻栗坡县| 浪卡子县| SHOW| 酒泉市| 中西区| 玛沁县| 大竹县| 黄梅县| 七台河市| 民乐县| 东阿县| 麦盖提县|