<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆-348  評論-598  文章-0  trackbacks-0
    jQuery.noConflict();//與JSF搭配需要這句話,不然會有沖突
            jQuery(document).ready(function() {
            
    // Add click event listener to each checkbox in the tree page
            // Note! Using this simple selector assumes that there are no other 
            // checkboxes on the page, if there are other checkboxes then
            // selector should be changed    
                jQuery(":checkbox").click(function(){
                    updateChildren(
    this);
                    updateParent(
    this);
                 }
    );
            }
    );
            
    </script>
            
    <script type="text/javascript">
            
    function updateChildren(currentCheckBox)
            
    {
                
    // Get state of current checkbox (true or false)
                var state = currentCheckBox.checked;
                
                
    // Get parent TABLE, where current checkbox is places
                var parentTables = jQuery(currentCheckBox).parents("table"); 
                
    var parentTable = parentTables[0];    
            
                
    // Get DIV where child nodes with checkboxes are situated
                // See http://docs.jquery.com/Traversing/ to get better uderstanding of
                // parents() and next()        
                var childDivs = jQuery(parentTable).next("div");    
                
    if(    childDivs.length > 0 )
                
    {
                    
    var childDiv = childDivs[0];        
                
                    
    // Iterate over all child nodes checkboxes and set same state as the 
                    // current checkbox state
                    jQuery(childDiv).contents().find(":checkbox").each(function() {
                        
    this.checked = state;
                    }
    );
                }


            }

            
            
    //更新父節點的方法,如果子節點全部選中則父節點選中,如果子節點中有一個未選中,則父節點也未選中
            function updateParent(currentCheckbox) {
                
    var parentDivs = jQuery(currentCheckbox).parents("div");
                
    var parentDiv = parentDivs[0];    

                
    var hasSelected = false;
                
                jQuery(parentDiv).contents().find(
    ":checkbox").each(function() {
                    
    if(this.checked) {
                        hasSelected 
    = true;
                    }else{
                            hasSelected = false;
                            return;
                        }
                }
    );
                
                
    var parentTables = jQuery(parentDiv).prev("table");
                
    if(parentTables.length > 0)
                
    {
                    
    var parentTable = parentTables[0];
                
                    
    var parentCheckboxes = jQuery(parentTable).find(":checkbox");
                    
    var parentCheckbox = parentCheckboxes[0];
                    
                    parentCheckbox.checked 
    = hasSelected ;
                }


            }
    注意引入jQuery包。
    此js代碼加到頁面中,將會給頁面中的樹形菜單的Checkbox默認加上一些功能:當選擇父節點時全選子節點;當子節點全選時,父節點也會被自動選擇上。同時不會影響其他Checkbox。

    ---------------------------------------------------------
    專注移動開發

    Android, Windows Mobile, iPhone, J2ME, BlackBerry, Symbian
    posted on 2009-11-12 08:46 TiGERTiAN 閱讀(3426) 評論(4)  編輯  收藏 所屬分類: VB/ASPJSF

    評論:
    # re: 用jQuery給頁面中樹形的Checkbox默認加上父子節點相關操作 2009-11-12 14:30 | 凡客誠品優惠券
    不錯,收藏  回復  更多評論
      
    # re: 用jQuery給頁面中樹形的Checkbox默認加上父子節點相關操作 2009-11-12 18:49 | BeanSoft
    收藏了!  回復  更多評論
      
    # re: 用jQuery給頁面中樹形的Checkbox默認加上父子節點相關操作 2009-11-12 19:25 | jackyrong
    能否提供完整代碼下載呢  回復  更多評論
      
    # re: 用jQuery給頁面中樹形的Checkbox默認加上父子節點相關操作 2009-11-12 19:45 | TiGERTiAN
    @jackyrong
    這個就是完整的代碼啊  回復  更多評論
      
    主站蜘蛛池模板: 成人午夜免费福利| 免费a级毛片无码a∨性按摩| 思思re热免费精品视频66 | 亚洲日本VA中文字幕久久道具| 久久久受www免费人成| 97视频免费在线| 又粗又黄又猛又爽大片免费 | 国产成人亚洲精品| jizz18免费视频| 亚洲成人动漫在线观看| 亚洲Av无码乱码在线观看性色| 1a级毛片免费观看| 成人妇女免费播放久久久| 亚洲AV第一成肉网| 亚洲性色精品一区二区在线| 精品亚洲aⅴ在线观看| 亚洲成AV人片在线观看WWW| 亚洲男人第一无码aⅴ网站| 国产精品公开免费视频| 好吊妞788免费视频播放| 亚洲国产精品嫩草影院在线观看| 免费真实播放国产乱子伦| 暖暖免费高清日本一区二区三区| 永久免费的网站在线观看| 国产精品色拉拉免费看| 中文字幕天天躁日日躁狠狠躁免费| 国产在线观a免费观看| 两个人看的www高清免费视频| 特级做a爰片毛片免费看| 免费人成视频在线观看免费| 美美女高清毛片视频黄的一免费| 色综合久久精品亚洲国产| 亚洲精品无码专区久久| 亚洲精品国产精品| 亚洲国产成人AV在线播放| 亚洲乱妇熟女爽到高潮的片| 亚洲国产熟亚洲女视频| 亚洲欧好州第一的日产suv| 国产精品久久久久久亚洲影视 | 日韩在线一区二区三区免费视频| 国产亚洲精品美女2020久久|