H_jsen
2016-02-26 08:55
采纳率: 48.6%
浏览 1.4k
已采纳

求详解下面这段代码【jQuery的】

 <script src="jquery-1.8.3.js"></script>
<script>
$(function(){
    $("ul.categories input").click(function(){
        var children = $(this).next();
        var isChecked = $(this).prop("checked");

        if(children){
            if(isChecked){
                children.find("input").prop("checked","checked");
            }else{
                children.find("input").removeProp("checked");
            }
        }

        var checkedCount = $(this).parent().parent().find(">li >input:checked").length;
        var count = $(this).parent().parent().find(">li >input").length;

        if(checkedCount == count){
            $(this).parent().parent().parent().find(">input").prop("checked","checked");
        }else{
            $(this).parent().parent().parent().find(">input").removeProp("checked");
        }

    });
});
</script>
<ul class="categories">
    <li><input type="checkbox" />数码电子
        <ul>
            <li><input type="checkbox" />手机</li>
            <li><input type="checkbox" />电脑</li>
            <li><input type="checkbox" />U盘</li>
            <li><input type="checkbox" />相机</li>
        </ul>
    </li>
    <li><input type="checkbox" />服装
        <ul>
            <li><input type="checkbox" />毛衣</li>
            <li><input type="checkbox" />T恤</li>
            <li><input type="checkbox" />羽绒服</li>
            <li><input type="checkbox" />秋裤</li>
        </ul>
    </li>
    <li><input type="checkbox" />饰品
        <ul>
            <li><input type="checkbox" />纯金</li>
            <li><input type="checkbox" />纯银</li>
        </ul>
    </li>
    <li><input type="checkbox" />家电
        <ul>
            <li><input type="checkbox" />电饭煲</li>
            <li><input type="checkbox" />电磁炉</li>
            <li><input type="checkbox" />吸尘器</li>
            <li><input type="checkbox" />液化气灶</li>
        </ul>
    </li>
</ul>

3条回答 默认 最新

相关推荐 更多相似问题