JQuery获取checkbox选项

最新推荐文章于 2023-04-23 14:44:16 发布

viplove

最新推荐文章于 2023-04-23 14:44:16 发布

阅读量263

点赞数 2

本文链接：https://blog.csdn.net/lgl1170479655/article/details/8266179

版权

    //全选
    $("#btn_checkAll").click(function () {        
        $("[name='checkbox']").attr("checked", 'true');
    });

    //取消全选
    $("#btn_cancelCheck").click(function () {       
        $("[name='checkbox']").removeAttr("checked");
    });

    //选中所有奇数
    $("#btn_checkJishu").click(function () {        
        $("[name='checkbox']:even").attr("checked", 'true');
    });

    //反选
    $("#btn_checkReverse").click(function () {        
        $("[name='checkbox']").each(function () {
            if ($(this).attr("checked")) {
                $(this).removeAttr("checked");
            }
            else {
                $(this).attr("checked", true);
            }
        });
    });

    //输出选中值
    $("#btn_outputCheck").click(function () {    
        var str = "";
        $("[name='checkbox']").each(function () {
            if ($(this).attr("checked")) {
                str += $(this).val() + "\r\n";
            }            
        });
        alert(str);
    });