jq checkbox全选

原创 2016年08月31日 11:57:28

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


                    

JQ之CHECKBOX部分全选功能

JQ之CHECKBOX部分全选功能

jq实现全选非全选

  • 2016年09月28日 18:17
  • 2KB
  • 下载

全选、全取消checkbox.docx

  • 2013年08月20日 19:52
  • 48KB
  • 下载

用jq来实现二级全选取消

用jq来实现二级全选取消 选择结果:共...

WPF之CheckBox组的全选设计

  • 2013年09月30日 14:37
  • 27KB
  • 下载

js实现checkbox 全选和取消

  • 2014年07月16日 17:29
  • 921B
  • 下载

jq php 全选及单个处理

只是简单记录一下怕下次用到 复制上来的代码有点乱,建议复制到编辑器里看吧! html: 表单: ...

checkbox全选删除

  • 2013年10月21日 10:54
  • 398B
  • 下载

Checkbox全选问题

  • 2011年12月27日 14:08
  • 7KB
  • 下载

jQ_全选反选

jQ_全选反选需要引入jQuery-1.11.1.js * { padding: 0; margin: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jq checkbox全选
举报原因:
原因补充:

(最多只允许输入30个字)