checkbox组的值的代码收集

复制代码代码如下:
<！--
$（"document"）.ready（function（）{
$（"#btn1"）.click（function（）{
$（"[name="checkbox"]"）.attr（"checked","true"）;//全选
}）
$（"#btn2"）.click（function（）{
$（"[name="checkbox"]"）.removeAttr（"checked"）;//取消全选
}）
$（"#btn3"）.click（function（）{
$（"[name="checkbox"]:even"）.attr（"checked","true"）;//选中所有奇数
}）
$（"#btn4"）.click（function（）{
$（"[name="checkbox"]"）.each（function（）{//反选
if（$（this）.attr（"checked"））{
$（this）.removeAttr（"checked"）;
}
else{
$（this）.attr（"checked","true"）;
}
}）
}）
$（"#btn5"）.click（function（）{//输出选中的值
var str="";
$（"[name="checkbox"][checked]"）.each（function（）{
str+=$（this）.val（）+" ";
//alert（$（this）.val（））;
}）
alert（str）;
}）
}）
-->

其中
复制代码代码如下:
$（"[name="checkbox"][checked]"）.each（function（）{
str+=$（this）.val（）+" "; //alert（$（this）.val（））;
}）

这部分代码在FireFox无法正常工作，在网上查找后，发现了一个方法可以正常使用，如下所示：
复制代码代码如下:
$（"[name="checkbox"]:checked"）.each（function（）{
str+=$（this）.val（）+" "; //alert（$（this）.val（））;
}）

即：使用$（"[name="checkbox"]:checked"）这种方法才可以正确取到radio/checkbox组的被选中的控件的集合
运行后，需要刷新下

<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>louis-blog >> jQuery 对checkbox的操作</title> <script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery.js"></script> <SCRIPT LANGUAGE="JavaScript"></SCRIPT> </HEAD> <body style="text-align:center;margin: 0 auto;font-size: 12px;"><form name="form1" method="post" action=""> <input type="button" id="btn1" value="全选"> <input type="button" id="btn2" value="取消全选"> <input type="button" id="btn3" value="选中所有奇数"> <input type="button" id="btn4" value="反选"> <input type="button" id="btn5" value="获得选中的所有值"> <br><br> <input type="checkbox" name="checkbox" value="checkbox1"> checkbox1 <input type="checkbox" name="checkbox" value="checkbox2"> checkbox2 <input type="checkbox" name="checkbox" value="checkbox3"> checkbox3 <input type="checkbox" name="checkbox" value="checkbox4"> checkbox4 <input type="checkbox" name="checkbox" value="checkbox5"> checkbox5 <input type="checkbox" name="checkbox" value="checkbox6"> checkbox6 </form></body> </HTML>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

jQuery中取得checkbox组中被选中的值
复制代码代码如下:
var selectText;
$（":checkbox[name=yourcheckname]:checked"）.each（function（）{
selectText+=$（this）.val（）+",";
}）