使用jQuery获取radio/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()+"\r\n"; //alert($(this).val()); })
alert(str); }) }) -->

其中

复制代码 代码如下:
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"\r\n"; //alert($(this).val()); })

这部分代码在FireFox无法正常工作,在网上查找后,发现了一个方法可以正常使用,如下所示:

复制代码 代码如下:
$("[name='checkbox']:checked").each(function(){
str+=$(this).val()+"\r\n"; //alert($(this).val()); })

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

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

jQuery中取得checkbox组中被选中的值

复制代码 代码如下:
var
posted @ 2014-11-18 10:46  hannover  阅读(223)  评论(0编辑  收藏  举报