使用 jquery 获取一组或者单个 checkbox 的选中状态的值详解编程语言

使用 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>