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

原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/14034.html