码迷,mamicode.com
首页 > Web开发 > 详细

jQuery获取选中复选框的值代码实例

时间:2016-01-22 02:52:57      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

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/

 

jQuery获取选中复选框的值代码实例

标签:

原文地址:http://www.cnblogs.com/xiaofinder/p/5150064.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!