本文主要介绍了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查找子元素find()和遍历集合each的方法实例分享
PHP实现先序、中序及后序遍历二叉树操作实例
jQuery遍历节点方法小结
以上就是jQuery实现遍历复选框实例详解的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2789460.html