码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript如何获取选中checkbox的值

时间:2015-12-01 01:44:46      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:获取选中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=‘button‘ value=‘提交‘ onclick="fun()"/>

2、javascript代码

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


Javascript如何获取选中checkbox的值

标签:获取选中checkbox的值

原文地址:http://haihuiwei.blog.51cto.com/4789207/1718364

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!