复制代码 代码如下: <!-- $("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组的被选中的控件的集合 运行后,需要刷新下
louis-blog >> jQuery 对checkbox的操作
checkbox1
checkbox2
checkbox3
checkbox4
checkbox5
checkbox6
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]jQuery中取得checkbox组中被选中的值 复制代码 代码如下:var selectText; $(":checkbox[name=yourcheckname]:checked").each(function(){ selectText+=$(this).val()+','; })
推荐阅读
JQuery Tips(4) 一些关于提高JQuery性能的Tips
在选择时,最好以ID选择符作为开头 我想这个很好理解,因为JQuery内部使用document.getElementByID方法进行ID选择,这种方法比其他所有对DOM选择的方法更快,所以以$("#")开头是最好的,比如: 复制代码 代码如下: <>>>详细阅读
本文标题:使用jQuery获取radio/checkbox组的值的代码收集
地址:http://www.17bianji.com/kaifa2/JS/27432.html
1/2 1