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

标签： 代码

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。