作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 02:01:42 阅读 我要评论

复制代码 代码如下: <!-- $("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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)