且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

JQuery循环取出checkbox选中的值

更新时间:2021-10-10 22:34:26

惯例:

我是温浩然:

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

下面是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循环取出值了。