标签:
jquery获取选中的checkbox复选框的值:
checkbox复选框是常用的表单元素之一,既然使用,一般就要获取选中的复选框的值,下面就介绍一下如何使用jQuery实现此功能。
代码实例如下:
<!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(){ chk_value=""; $("[type=checkbox][checked]").each(function(){ chk_value=chk_value+$(this).val()+"," }) $("#bt").click(function(){ alert(chk_value); }) }) </script> </head> <body> <form> <input type="checkbox" name="ck" checked value="1">蚂蚁部落一 <input type="checkbox" name="ck" value="2">蚂蚁部落二 <input type="checkbox" name="ck" checked value="3">蚂蚁部落三 <input type="checkbox" name="ck" value="4">蚂蚁部落四 <input type="checkbox" name="ck" checked value="5">蚂蚁部落五 <input type="checkbox" name="ck" value="6">蚂蚁部落六 <input type="button" id="bt" value="查看结果" /> </form> </body> </html>
以上代码实现了我们的需要,点击按钮可以弹出选中选中复选框的value属性值。
相关阅读:
1.[type=checkbox]可以参阅jQuery的[attribute=value]选择器一章节。
2.each()函数可以参阅jQuery的each()方法一章节。
3.val()函数可以参阅jQuery的val()方法一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=10362
更多内容可以参阅:http://www.softwhy.com/jquery/
标签:
原文地址:http://www.cnblogs.com/xiaofinder/p/5102250.html