input checked 전체 선택

2095 단어


    
        
        
    
    
    <div>
        <input type="checkbox" class="check-all"/> <br/>
        <input type="checkbox" class="check-one"/>
        <input type="checkbox" class="check-one"/>
        <input type="checkbox" class="check-one"/>
        <input type="checkbox" class="check-one"/>
        <input type="checkbox" class="check-one"/>
        <input type="checkbox" class="check-one"/><br/>
        <input type="checkbox" class="check-all"/> <br/><br/><br/><br/>
    </div>
         <script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.js"/>    
        <script>
            $(function(){
                //check-all
                $(".check-all").click(function(){
                    if($(this).prop("checked")){
                        $(".check-one,.check-all").prop("checked",true);
                    }else{
                        $(".check-one,.check-all").prop("checked",false);
                    }
                })
                //check-one
                $(".check-one").click(function(){
                    var flag = 1; // 
                    $(".check-one").each(function(){
                        if(!$(this).prop("checked")){
                            flag = 0;
                        }
                    })
                    if(flag){
                        $(".check-all").prop("checked",true);
                    }else{
                        $(".check-all").prop("checked",false);
                    }
                })
            })
        </script>
    

</code></pre> 
</article>
                            </div>
                        </div>

좋은 웹페이지 즐겨찾기