JQuery循环取出checkbox选中的值
2016-07-11 00:00
549 查看
惯例:
我是温浩然:
先说是怎样实现的,再说为何这样实现。
下面是JSP中代码:
下面是JS代码。
解释一下。
是整个表单form,都在一个
就找到了,我贴的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获取select 选中的options
- jquery 插件开发
- jquery清空表单数据
- jquery源码
- jQuery选择器大全
- jQuery+PHP+Mysql在线拍照和在线浏览照片
- 使用JQuery结合HIghcharts实现从后台获取JSON实时刷新图表
- jQuery中$.fn的用法示例介绍
- JQuery阻止事件冒泡
- jquery highcharts组件--纵向柱状图标实例
- jquery图表插件highcharts使用
- jquery动态合并表格行
- jQuery事件函数
- 16款最佳的 jQuery Time Picker 时间选择插件
- JQuery页面可增删表格
- JQuery的一些有用的小方法
- Jquery-EasyUI学习2~
- Jquery 继承
- jquery form序列化转换为json对象