<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

    
	

    

    
	
					


    
	
	
    下面的代碼是，當(dāng)選中父節(jié)點，則子節(jié)點全選；選中任意一個子節(jié)點，則選中父節(jié)點
    

    

    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;
    
                }    );
    
            }
    

    
        }
    
        
    
            //更新父節(jié)點的方法，如果子節(jié)點全部選中則父節(jié)點選中，如果子節(jié)點中有一個選中，則父節(jié)點也選中
    
            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 ;
    
            }
    

    
        }
    

    
下面的代碼是，當(dāng)選中父節(jié)點，則子節(jié)點全選；選中所有子節(jié)點，則選中父節(jié)點
    

    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;
    
                }    );
    
            }
    

    
        }
    
        
    
            //更新父節(jié)點的方法，如果子節(jié)點全部選中則父節(jié)點選中，如果子節(jié)點中有一個未選中，則父節(jié)點也未選中
    
            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 ;
    
            }
    

    
        }
    


    ---------------------------------------------------------
    
專注移動開發(fā)
    
Android, Windows Mobile, iPhone, J2ME, BlackBerry, Symbian

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

    







    
	    
    




    








    

				

    







    







    
        
	



主站蜘蛛池模板：
一级做a爱片特黄在线观看免费看|
国产亚洲成人在线播放va|
四虎在线成人免费网站|
a级毛片毛片免费观看久潮|
久久国产精品免费一区二区三区|
日本高清免费中文在线看|
国产产在线精品亚洲AAVV|
国产偷国产偷亚洲高清在线|
特级毛片全部免费播放|
免费人成动漫在线播放r18|
免费精品视频在线|
一个人看的www在线免费视频
|
亚洲午夜无码久久久久|
色久悠悠婷婷综合在线亚洲
|
亚洲视频免费在线播放|
免费看h片的网站|
永久免费av无码不卡在线观看|
免费在线观看的网站|
国产精品视_精品国产免费|
国产在线不卡免费播放|
亚洲国产黄在线观看
|
日本一区二区三区免费高清|
毛片免费vip会员在线看|
国产日产成人免费视频在线观看|
免费大黄网站在线观看|
亚洲中文字幕在线观看|
亚洲国产精品无码久久久蜜芽
|
免费人成视频x8x8入口|
中文字幕亚洲日韩无线码|
亚洲成a人片在线观看无码|
亚洲精品日韩中文字幕久久久|
色偷偷亚洲女人天堂观看欧|
精品久久久久亚洲|
精品一区二区三区高清免费观看|
日本视频免费高清一本18|
国产啪精品视频网免费|
免费永久国产在线视频|
亚洲日韩精品射精日|
亚洲欧洲国产成人精品|
日韩在线视精品在亚洲|
av永久免费网站在线观看|