你的位置:首页 > Java教程

[Java教程]jquery获取选中的checkbox复选框的值


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/