<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;
    
                }
    
            }    );
    
            
    
                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.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 = true;
    
            
    
            jQuery(parentDiv).contents().find(    ":checkbox").each(function() {
    
                    if(!this.checked) {
    
                    hasSelected     = false;
    
                }
    
            }    );
    
            
    
                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 ;
    
            }
    

    
        }
    


    ---------------------------------------------------------
    
專注移動開發
    
Android, Windows Mobile, iPhone, J2ME, BlackBerry, Symbian

	
    posted on 2009-12-27 22:52 TiGERTiAN 閱讀(2767) 評論(0)  編輯  收藏  所屬分類: Java 、JSF 
    

    







    
	    
    




    








    

				

    







    







    
        
	



主站蜘蛛池模板：
国产av无码专区亚洲av果冻传媒|
亚洲av日韩av高潮潮喷无码|
成年人视频在线观看免费|
成人免费毛片内射美女-百度|
国产精品嫩草影院免费|
久久亚洲高清综合|
亚洲第一永久在线观看|
小说专区亚洲春色校园|
三级黄色片免费看|
亚洲一区免费视频|
免费一级黄色毛片|
国产91在线|亚洲|
国产免费久久精品丫丫|
国产成人免费网站|
亚洲人成网站999久久久综合|
a毛片在线免费观看|
在线看片无码永久免费aⅴ|
亚洲AV乱码久久精品蜜桃|
日韩免费高清大片在线|
亚洲 自拍 另类小说综合图区|
亚洲av最新在线网址|
精品成人一区二区三区免费视频|
67pao强力打造国产免费|
国产亚洲人成网站在线观看|
免费av片在线观看网站|
啊灬啊灬别停啊灬用力啊免费看|
免费无遮挡无码视频在线观看|
黄页网站免费观看|
亚洲av无码成h人动漫无遮挡|
69免费视频大片|
亚洲日韩乱码中文字幕|
亚洲中文久久精品无码ww16|
最近的中文字幕大全免费8|
亚洲AV永久无码精品|
国产成人A在线观看视频免费
|
亚洲最大中文字幕无码网站|
人人揉揉香蕉大免费不卡|
亚洲一区精品伊人久久伊人|
亚洲精品伦理熟女国产一区二区
|
国产高清不卡免费视频|
亚洲欧洲日韩国产一区二区三区|