使用 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
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。