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

Posted 喵嘻嘻

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在js中怎样获得checkbox里选中的多个值?(jQuery)相关的知识,希望对你有一定的参考价值。

思路:利用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)的主要内容,如果未能解决你的问题,请参考以下文章

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

js中获取checkbox里选中的多个值

点击超链接时跳转到一个servlet,怎样在servlet中获得checkbox的值

我在MVC中动态生成了多个CheckBox,然后我怎么能在Controllers上获取被选中的CheckBox的值呢?

layer.js怎样判断checkbox是不是被选中

WPF 中一个列表里每一项有一个checkbox,checkbox根据后台的值设定选中或不选中?