你的位置:首页 > Java教程

[Java教程]jQuery获取选中复选框的值代码实例


jQuery获取选中复选框的值代码实例:
复选框是最为常用的表单元素之一,它提供了一种多选的方式,下面介绍一下如何使用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">$(document).ready(function(){  $("#bt").click(function(){  var str="";   $("[name='antzone']:checked").each(function(){    str+=$(this).val()+"\r";   })   alert(str);  }) }) </script></head> <body> <input type="checkbox" name="antzone" value="0" />蚂蚁部落一 <input type="checkbox" name="antzone" value="1" />蚂蚁部落二 <input type="checkbox" name="antzone" value="2" />蚂蚁部落三 <input type="checkbox" name="antzone" value="3" />蚂蚁部落四<input type="checkbox" name="antzone" value="4" />蚂蚁部落五<input type="checkbox" name="antzone" value="5" />蚂蚁部落六<input type="checkbox" name="antzone" value="6" />蚂蚁部落七<input type="checkbox" name="antzone" value="7" />蚂蚁部落八<input type="button" id="bt" value="查看效果" /> </body> </html>

 

以上代码实现了我们的要求,点击按钮可以获取选中的复选框的值。
相关阅读:
1.click事件可以参阅jQuery的click事件一章节。 
2.$("[name='antzone']:checked")可以参阅jQuery的[attribute=value]选择器和jQuery的:checked选择器一章节。 
3.each()函数可以参阅jQuery的each()方法一章节。 

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

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