jq 父級選擇時，子級全選；父級取消全選，子級所有取消

 html代碼：

<volist name="sblx.shebei" id="sb">
<tr>

<td>
    <input level='1' name="shebei[]" type="checkbox" value="<{$sb.sbid}>"><{$sb.sbname}>
</td>
<td>
    <volist name="sb.xjshebei" id="xjsb">
    <input level='2' name="shebei[]" type="checkbox" value="<{$xjsb.sbid}>"><{$xjsb.sbname}>
    </volist>
</td>

</tr>
</volist>

jq代碼：

$(function(){

        $('[level=1]').click(function(){
            if(this.checked)
            {
                $(this).parent().parent().find('input').prop('checked','checked');
            }
            else
            {
                $(this).parent().parent().find('input').removeAttr('checked');
            }
        });

        $('[level=2]').click(function(){
            if (this.checked)
            {
                $(this).parent().prev().find('input').prop('checked','checked');
            }
            else
            {
                //當子分類個數爲0時，去掉父級選項
                if($(this).parent().find('input:checked').length==0)
                {
                    $(this).parent().find('input').removeAttr('checked');
                    $(this).parent().prev().find('input').removeAttr('checked');
                }       
            }
        });
    });

父級選擇時，子級全選；父級取消全選，子級所有取消；

子級點擊時，父級選擇；子級個數爲0時，父級取消選擇。

 

代碼摘自他人，供本人學習記錄而已。