使用 jquery 获取一组或者单个 checkbox 的选中状态的值

转载：https://blog.csdn.net/huakaiba/article/details/78026430

使用 jquery 获取一组或者单个 checkbox 的选中状态的值。下面通过一个示例进行说明，
假设现有一页面有一组 checkbox 的 name 的值为 id ，那么获取这组 name=id 的checkbox的值的方法如下：

Js代码:

var id_array=new Array();  
$('input[name="id"]:checked').each(function(){  
    id_array.push($(this).val());//向数组中添加元素  
});  
var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串  
alert(idstr);  

另外 jquery 判断单个 checkbox 是否选中以及获取选中值的方法如下：

if($("#id").is(":checked")){//选中  
    alert($("#id").val());//打印选中的值  
}  

我自己的实现全选和删除所选:

<script type="text/javascript"> 
$(function(){
    $("#select").click(function(){
        //获取下面所有的 复选框并将其选中状态设置跟编码的前端 复选框保持一致。
        //attr方法与JQ的版本有关，在1.8.3及以下有效。
        //$("tbody input").attr("checked",this.checked);
        $("tbody input").prop("checked",this.checked);
    });
});

function delSelect(){
    var isDel = confirm("您确认要删除吗？");
    var pid_array = new Array();
    if(isDel){
        //要删除所有选项                   
        $('input[id="selectone"]:checked').each(function(){  
            pid_array.push($(this).val());//向数组中添加元素                                           
        });  
        var pids=pid_array.join(",");

        location.href = "${pageContext.request.contextPath}/adminDelProduct?pids="+pids;

    }
}           
</script>

作者：geeooooz
链接：https://www.jianshu.com/p/eec33c5aa9f1
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。