jQuery实现的将选中的checkbox复选框的值存入数组

jQuery实现的将选中的checkbox复选框的值存入数组:
在实际应用中，可能需要选中复选框的值存入数组，以便于后续操作，下面就是一段能够实现此功能的代码。
代码如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>蚂蚁部落</title> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
function show(){ 
  var strIds=new Array();
  $("input[name=items]").each(function (i,d){ 
    if(d.checked) { 
      strIds.push(d.value); 
    } 
  }) 
  if(strIds.length<1){
    alert("您没有选中项!"); 
  }  
  else{ 
    var ids=strIds.join(","); 
    alert("你选中的字符串有："+ids);
  }  
} 
$(document).ready(function(){
  $("#bt").click(function(){
    show();
  })
})
</script> 
</head> 
<body> 
<input type="checkbox" name="items" value="1">蚂蚁部落一
<input type="checkbox" name="items" value="2">蚂蚁部落二
<input type="checkbox" name="items" value="3">蚂蚁部落三 
<input type="checkbox" name="items" value="4">蚂蚁部落四 
<input type="button" id="bt" value="查看效果"/> 
</body> 
</html>

以上代码实现了我们的要求，实现的原理也非常的简单，就是获取checkbox复选框jQuery对象集合，然后通过each()函数遍历集合中的每一个复选框元素，然后判断元素是否被选中，如果选中就存入数组。
相关阅读:
1.each()函数可以参阅jQuery的each()方法一章节。
2.$("input[name=items]")可以参阅jQuery的[attribute=value]选择器一章节。
3.push()函数可以参阅javascript的Array对象的push()方法一章节。
4.join()函数可以参阅javascript的Array对象的join()方法一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12614

更多内容可以参阅:http://www.softwhy.com/jquery/

爱程序网

Tags：[db:关键字]