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 p = $('#editCardModalprint')
是整个表单form,都在一个id=“editCardModalprint”的<div></div>中。
var cs = $("input[ch='veidoo']:checked",p)这句的意思是,找到input中,ch="veidoo" ,并且checked的,而且是在 p 下面的。
就找到了,我贴的JSP代码中的页面。
然后就是each循环取出值了。
我是温浩然:
先说是怎样实现的,再说为何这样实现。
下面是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循环取出值了。
相关文章推荐
- JQuery选择器大全
- jquery实现密码强度检测
- 使用jquery-qrcode生成二维码
- jquery学习
- JQuery onload、ready概念介绍及使用方法
- jquery 提交表单
- jQuery实现Ajax应用加载(load/getJSON/getScript/get/post/serialize/ajax/ajaxSetup/ajaxStart/ajaxStop)
- jquery多个参数以及参数个数不一样的回调函数(使用hash对象)
- jQuery之日期选择器
- jQuery uploadify在谷歌和火狐浏览器下无法上传
- jQuery 两个select之间option的互相添加操作
- jquery学习之路 初识jquery!
- jQuery雷达扫描切换幻灯片代码
- Jquery的基本知识
- jQuery函数attr()与prop()的区别
- jquery控制显示服务器生成的图片流
- js、jquery遍历对象
- [ jQuery] jquery的click(),bind(),on()区别~
- jquery mobile常用的data-role类型介绍
- Jquery EasyUI 中ValidateBox验证框使用讲解