关闭

jq checkbox全选

292人阅读 评论(0) 收藏 举报
分类:

html 
<tr>
    <th width="120"><input type="checkbox" value="53" onclick="CheckAll(this.checked,this)">用户管理</th>
    <td>
        <input type="checkbox" value="" onclick="CheckOne(this.checked,this);">用户列表 &nbsp;&nbsp;
        <input type="checkbox" value="" onclick="CheckOne(this.checked,this);">角色管理 &nbsp;&nbsp;
    </td>
</tr>

js 

function CheckAll(val,index)
{
    $(index).parents('tr').find('td').find('input').each(function()
    {
        this.checked = val;
    });
}

function CheckOne(val,index)
{
    var PValue = true;
    var i = 0;
    var inputLength = $(index).parents('td').find('input').length;
    $(index).parents('td').find('input').each(function()
    {
        if( this.checked == val )
        {
            i++;
        }
    });

    if( inputLength == i )
    {
        PValue = val;
    }

    $(index).parents('tr').find('th').find('input').each(function()
    {
        this.checked = PValue;
    });
}


   
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:31550次
    • 积分:933
    • 等级:
    • 排名:千里之外
    • 原创:62篇
    • 转载:12篇
    • 译文:0篇
    • 评论:0条
    文章分类