您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
三六零分类信息网 > 盘锦分类信息网,免费分类信息发布

js中如何实现checkbox里可以选中多个值?

2025/8/29 9:26:56发布28次查看
本篇文章给大家带来的内容是关于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、演示效果
相关推荐:
什么是隐式类型转换?js隐式类型转换的介绍
js如何操作来实现点击小图展示出大图的效果?(代码示例)
js执行机制的概念?js的执行机制的实现方法
以上就是js中如何实现checkbox里可以选中多个值?的详细内容。
盘锦分类信息网,免费分类信息发布

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product