在js中怎样获得checkbox里选中的多个值

原创于 2019-02-19 16:42:09 发布 · 667 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个具体的HTML表单结构，展示了如何使用radio按钮进行选项选择，并通过jQuery库实现对这些选项的选择状态获取。代码示例清晰地说明了如何遍历获得的元素并收集已选中的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML结构

<div class="layui-form-item col-lg-6 col-sm-12 col-xs-12">
	<label class="col-xs-3 layui-form-label">分配给</label>
	<div class="col-lg-5 col-xs-6">
		<!--
                           cradio 的 required 表示必须选中一个
                       -->
		<input type="radio" name="roleType" value="1" title="操作系统平台">
		<input type="radio" name="roleType" value="2" title="本地系统服务端">
		<input type="radio" name="roleType" value="3" title="在线服务系统端">
		<input type="radio" name="roleType" value="4" title="广告管理系统端">
	</div>
</div>

这里推荐使用jQuery库，比较方便。以下是代码：

<script>
function show() {
			obj = document.getElementsByClassName("roleType");
			check_val =[];
			for (k in obj){
			    if (obj[k].checked){
			        check_val.push(obj[k].value);
				}
				alert(check_val);
			}
	      }
	</script>