您的位置:首页 > Web前端 > JQuery

JQuery循环取出checkbox选中的值

2015-08-04 17:20 549 查看
惯例:

我是温浩然:

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

下面是JSP中代码:

<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代码。

var veidoo=[];
var p = $('#editCardModalprint')
var cs = $("input[ch='veidoo']:checked",p)
cs.each(function () {
veidoo.push(this.value);
});


解释一下。
var p = $('#editCardModalprint')
是整个表单form,都在一个id=“editCardModalprint”的<div></div>中。
var cs = $("input[ch='veidoo']:checked",p)这句的意思是,找到input中,ch="veidoo" ,并且checked的,而且是在  p   下面的。
就找到了,我贴的JSP代码中的页面。

然后就是each循环取出值了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: