标签:
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/
标签:
原文地址:http://www.cnblogs.com/xiaofinder/p/5150064.html