使用jQuery获取radio/checkbox组的值的代码收集

【 tulaoshi.com - Web开发 】

代码如下:
!--
$("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()+"rn";
//alert($(this).val());
})
alert(str);
})
})
--


其中
代码如下:
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"rn"; //alert($(this).val());
})

这部分代码在FireFox无法正常工作，在网上查找后，发现了一个方法可以正常使用，如下所示：
代码如下:
$("[name='checkbox']:checked").each(function(){
str+=$(this).val()+"rn"; //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" / titlelouis-blog jQuery 对checkbox的操作/title script type='text/javascript' src="http://img.poluoluo.com/jslib/jquery/jquery.js"/script SCRIPT LANGUAGE="JavaScript" !-- $("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()+"rn"; //alert($(this).val()); }) alert(str); }) }) -- /SCRIPT /HEAD body style="text-align:center;margin: 0 auto;font-size: 12px;" div style="border: 1px solid #999; width: 500px; padding: 15px; background: #eee; margin-top: 150px;" 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="获得选中的所有值" brbr 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 /div /body /HTML
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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