您好,欢迎来到保捱科技网。
搜索
您的当前位置:首页在js中如何获得checkbox里选中的多个值

在js中如何获得checkbox里选中的多个值

来源:保捱科技网
 思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。下面进行实例演示:

1、HTML结构


<input type="checkbox" name="test" value="1" />
<span>
 1
</span>
<input type="checkbox" name="test" value="2" />
<span>
 2
</span>
<input type="checkbox" name="test" value="3" />
<span>
 3
</span>
<input type="checkbox" name="test" value="4" />
<span>
 4
</span>
<input type="checkbox" name="test" value="5" />
<span>
 5
</span>
<input type='button' value='提交' onclick="show()" />

2、javascript代码(jQuery)


function show(){
 obj = document.getElementsByName("test");
 check_val = [];
 for(k in obj){
 if(obj[k].checked)
 check_val.push(obj[k].value);
 }
 alert(check_val);
}

3、演示效果

Copyright © 2019- baoaiwan.cn 版权所有 赣ICP备2024042794号-3

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务