jQuery实现checkbox全选

当控制元素为两个按钮时（全选和取消全选）：

 1<script type="text/javascript">
 2$(document).ready(function()
 3{
 4    $("input[@type=button][@name=selectall]").click(function(){
 5            Opearation(true);
 6    });
 7    $("input[@type=button][@name=deselectall]").click(function(){
 8            Opearation(false);
 9    });    
    
    /**//************************************************************************************
    *Opearation(bool_val): 将页面名称为items的复选框列表全部选中或者取消选中
    *参数：
    *bool_val：true / false
    ************************************************************************************/
    function Opearation(bool_val){
        $("input[@type=checkbox][@name=items]").each(function(){
            $(this).attr("checked", bool_val);
        });         
    }
});
</script>
<p>
    <input type="button" id="selectall" name="selectall" value="全选" />
    <input type="button" id="deselectall" name="deselectall" value="取消全选" />
    <input type="checkbox" value="1" name="items">
    <input type="checkbox" value="2" name="items">
    <input type="checkbox" value="3" name="items">
    <input type="checkbox" value="4" name="items">
    <input type="checkbox" value="5" name="items">
    <input type="checkbox" value="6" name="items">
    <input type="checkbox" value="7" name="items">
    <input type="checkbox" value="8" name="items">
    <input type="checkbox" value="9" name="items">
    <input type="checkbox" value="10" name="items">
    <input type="checkbox" value="11" name="items">
</P>

 

当控制元素为一个按钮时（checkbox）：

省略其它代码

 1<script type="text/javascript">
 2$("#checkall1").click(
 3function(){
 4    if(this.checked){
 5        $("input[@type=checkbox][@name=items]").each(function(){this.checked=true;});
 6    }else{
 7        $("input[@type=checkbox][@name=items]").each(function(){this.checked=false;});
 8    }
 9}
);
</script>