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

概述

惯例:

我是温浩然:

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

下面是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循环取出checkbox选中的值的全部内容,希望文章能够帮你解决JQuery循环取出checkbox选中的值所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部