Jquery 多选框全选与取消全选核心代码

2016-02-22    编辑:future     点击(
在jquery要实现多选框全选与取消全选效果我们只要一句很简单就可以实现了,.each遍历name='check'即可解决,下面我们来看实现全选的核心代码。

核心代码

 代码如下 复制代码

$("#checkall").click(function(){
    if(this.checked){
      $("input[name='check']").each(function(){this.checked=true;});
    }else{
      $("input[name='check']").each(function(){this.checked=false;});
    }
});

 代码如下 复制代码

<!DOCTYPE Html>
<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
        <script type="text/javascript">
            function selectAll(checkbox) {
                $('input[type=checkbox]').prop('checked', $(checkbox).prop('checked'));
            }
        </script>
    </head>
    <body>
        <input type="checkbox" onclick="selectAll(this);" />全选<br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        ……
    </body>
</html>