jQuery实现遍历复选框实例详解

本文主要介绍了jquery实现遍历复选框的方法,结合实例形式分析了jquery针对表单复选框元素的遍历与字符串操作相关技巧,需要的朋友可以参考下,希望能帮助到大家。

1、问题背景:

这里有10个复选框,根据选择的复选框获取其值,并将其值用“——”连接,插入到p中

2、实现代码:

nbsp;html>          遍历复选框              $(document).ready(function(){        $("#btn").click(function(){          var str = "";          $("input[name='ckb']").each(function(){            if($(this).is(":checked"))            {              str += "——" + $(this).val();            }          });          $("#txt").html(str);        });      });            

      1      2      3      4      5      6      7      8      9      10
            

      

登录后复制

3、运行效果图:

jQuery实现遍历复选框实例详解

相关推荐:

JQuery查找子元素find()和遍历集合each的方法实例分享

PHP实现先序、中序及后序遍历二叉树操作实例

jQuery遍历节点方法小结

以上就是jQuery实现遍历复选框实例详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2789460.html

(0)
上一篇 2025年3月8日 18:43:02
下一篇 2025年2月26日 08:07:40

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论