我是靠谱客的博主 懵懂盼望,这篇文章主要介绍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选中内容请搜索靠谱客的其他文章。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部