<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 
    

    







    
	    
    




    








    

				

    







    







    
        
	



主站蜘蛛池模板：
caoporn成人免费公开|
色欲国产麻豆一精品一AV一免费|
亚洲精品久久无码|
久久国产精品免费一区二区三区|
免费专区丝袜脚调教视频|
俄罗斯极品美女毛片免费播放|
久久夜色精品国产亚洲AV动态图|
亚洲av日韩av永久无码电影|
韩日电影在线播放免费版|
在线免费不卡视频|
亚洲综合婷婷久久|
a免费毛片在线播放|
亚洲一区二区三区在线视频|
天堂亚洲国产中文在线|
日韩电影免费在线观看网站
|
亚洲av永久无码精品三区在线4|
一级女性全黄久久生活片免费
|
日韩免费一级毛片|
亚洲女人初试黑人巨高清|
在线观看免费无码视频|
久久精品国产亚洲av麻豆|
一个人看的免费高清视频日本
|
久久99亚洲综合精品首页|
亚洲欧美乱色情图片|
91成人免费观看网站|
亚洲高清在线视频|
精品特级一级毛片免费观看|
毛片免费全部免费观看|
亚洲国产美女精品久久|
啦啦啦www免费视频|
亚洲阿v天堂在线2017免费
|
国偷自产一区二区免费视频|
免费人成在线观看网站品爱网日本|
一区二区三区免费在线视频|
久久青青草原亚洲av无码app|
特级做A爰片毛片免费69|
亚洲成人午夜电影|
免费国产综合视频在线看|
另类免费视频一区二区在线观看|
亚洲另类小说图片|
在线观看免费人成视频色9|