管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

使用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 selectText;

　　$(":checkbox[name=yourcheckname]:checked").each(function(){

　　selectText+=$(this).val()+',';

　　})

教程首页 更多教程