应用jQuery取得radio/checkbox组的值
发布时间:2018-08-17 19:24:37 所属栏目:传媒 来源:站长网
导读:jQuery 对checkbox的操作如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]!-- $(document).ready(function(){ $(#btn1).click(function(){ $([name='checkbox']).attr(checked,'true');//全选 }) $(#btn2).click(function(){ $([name='checkbox'])
jQuery 对checkbox的操作如下: Copy to Clipboard![]() $("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); }) }) --> 其中 Copy to Clipboard![]() str+=$(this).val()+"rn"; //alert($(this).val()); }) 这部分代码在FireFox无法正常工作,在网上查找后,发现了一个方法可以正常使用,如下所示: Copy to Clipboard![]() str+=$(this).val()+"rn"; //alert($(this).val()); }) 即:使用$("[name='checkbox']:checked")这种方法才可以正确取到radio/checkbox组的被选中的控件的集合 转自:http://www.cnblogs.com/coloeme/ (编辑:海南站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |