我是靠谱客的博主 懵懂盼望,这篇文章主要介绍JQuery循环取出checkbox选中的值,现在分享给大家,希望可以做个参考。

惯例:

我是温浩然:

先说是怎样实现的,再说为何这样实现。

下面是JSP中代码:

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<div class="row"> <div class="form-group"> <label class="col-sm-2 control-label no-padding-right" for="form-field-2"> 涉及维度 </label> <div class="col-sm-10"> <div class="col-sm-2"> <label> <input name="form-field-checkbox veidoo" class="ace ace-checkbox-2" type="checkbox" value="大运动" ch="veidoo"> <span class="lbl"> 大运动</span> </label> </div> <div class="col-sm-2"> <label> <input name="form-field-checkbox" class="ace ace-checkbox-2" type="checkbox" value="精细运动" ch="veidoo"> <span class="lbl"> 精细运动</span> </label> </div> <div class="col-sm-2"> <label> <input name="form-field-checkbox" class="ace ace-checkbox-2" type="checkbox" value="健康" ch="veidoo"> <span class="lbl"> 健康</span> </label> </div> <div class="col-sm-2"> <label> <input name="form-field-checkbox" class="ace ace-checkbox-2" type="checkbox" value="认知" ch="veidoo"> <span class="lbl"> 认知</span> </label> </div> <div class="col-sm-2"> <label> <input name="form-field-checkbox" class="ace ace-checkbox-2" type="checkbox" value="社交" ch="veidoo"> <span class="lbl"> 社交</span> </label> </div> <div class="col-sm-2"> <label> <input name="form-field-checkbox" class="ace ace-checkbox-2" type="checkbox" value="语言" ch="veidoo"> <span class="lbl"> 语言</span> </label> </div> </div> </div> </div>

下面是JS代码。

复制代码
1
2
3
4
5
6
var veidoo=[]; var p = $('#editCardModalprint') var cs = $("input[ch='veidoo']:checked",p) cs.each(function () { veidoo.push(this.value); });

解释一下。

复制代码
1
var p = $('#editCardModalprint')

是整个表单form,都在一个

复制代码
1
id=“editCardModalprint”
的<div></div>中。

复制代码
1
var cs = $("input[ch='veidoo']:checked",p)
这句的意思是,找到input中,ch="veidoo" ,并且checked的,而且是在 p 下面的。

就找到了,我贴的JSP代码中的页面。

然后就是each循环取出值了。



最后

以上就是懵懂盼望最近收集整理的关于JQuery循环取出checkbox选中的值的全部内容,更多相关JQuery循环取出checkbox选中内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(60)

评论列表共有 0 条评论

立即
投稿
返回
顶部