你的位置:首页 > Java教程

[Java教程]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/