码迷,mamicode.com
首页 > Web开发 > 详细

在js中怎样获得checkbox里选中的多个值?(jQuery)

时间:2017-09-09 13:47:25      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:html   images   结构   利用   cli   asc   code   input   src   

思路:利用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中怎样获得checkbox里选中的多个值?(jQuery)

标签:html   images   结构   利用   cli   asc   code   input   src   

原文地址:http://www.cnblogs.com/sunxirui00/p/7498014.html

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