最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery实现遍历复选框的方法示例
时间:2017-05-30 编辑:简简单单 来源:一聚教程网
1、问题背景:
这里有10个复选框,根据选择的复选框获取其值,并将其值用“——”连接,插入到div中
2、实现代码:
代码如下 | 复制代码 |
$(document).ready(function(){ $("#btn").click(function(){ varstr =""; $("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对象object循环遍历的方法 09-08
- jQuery 遍历节点之prev()方法用法 08-21
- jQuery 遍历节点之next()方法 08-21
- jQuery基础教程之遍历节点siblings()方法使用说明 08-21
- jQuery遍历节点-closest()方法使用详解 08-21
- jQuery遍历节点-find()方法使用说明 08-21