JQuery实现ckeckbox全选和反选

从网上找了几种方法:
1.页面需要两个按钮分别用于“选中”和“取消”功能。
$(function() { 
    $("#checkall").click(function() { 
        $("input[@name='checkname[]']").each(function() { |
            $(this).attr("checked", true); 
        });
    });
    $("#delcheckall").click(function() { 
        $("input[@name='checkname[]']").each(function() { 
            $(this).attr("checked", false);
        });
    });
});

2.使用一个checkbox用于表现全选和全部取消:
$("#checkall").click(function(){
    if(this.checked){
        $("input[name='checkname']").each(function(){this.checked=true;});
    }else{
        $("input[name='checkname']").each(function(){this.checked=false;});
    }
});


自己根据第二种方法改进了一些:
$(document).ready(function(){
    $("#chkAll").click(function(){
        $("input[name='checkname']").each(function() {
            this.checked = $("#chkAll").attr("checked");
        });
    });
});

你可能感兴趣的:(jquery)