jquery 复选框全选 全不选 反选

2015-03-02 0 570
jquery 复选框全选 全不选 反选
$(function () {
    //全选
    $("#CheckedAll").click(function () {
        $('[name=items]:checkbox').attr('checked', true);
    });
    //全不选
    $("#CheckedNo").click(function () {
        $('[type=checkbox]:checkbox').attr('checked', false);
    });
    //反选
    $("#CheckedRev").click(function () {
        $('[name=items]:checkbox').each(function () {
            //此处用JQ写法颇显啰嗦。体现不出JQ飘逸的感觉。
            //$(this).attr("checked", !$(this).attr("checked"));
             
            //直接使用JS原生代码,简单实用
            this.checked = !this.checked;
        });
    });
    //输出值
    $("#send").click(function () {
        var str = "你选中的是:\r\n";
        $('[name=items]:checkbox:checked').each(function () {
            str += $(this).val() + "\r\n";
        })
        alert(str);
    });
})

遇见资源网 js/jquery jquery 复选框全选 全不选 反选 http://www.ox520.com/10469.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务