Jquery条件检查多个复选框

时间:2013-09-05 03:53:02

标签: jquery html

我想要一个jquery函数,我可以使用复选框名称检查是否已经检查了多少个复选框,因为所有复选框都具有相同的名称并且一起获取值..

<input type="checkbox" name="skills" value="Php">
<input type="checkbox" name="skills" value="Java">
<input type="checkbox" name="skills" value="Jquery">
<input type="checkbox" name="skills" value="Jscript">
<input type="checkbox" name="skills" value="Clanguage">

我希望一次性检查值。请帮助..

2 个答案:

答案 0 :(得分:3)

你可以

//get all the checked inputs with name skills
var checked = $('input[name="skills"]:checked');
//number of checked items
var checkedlength = checked.length;
//an array containing values of all checked inputs
var values = checked.map(function(){
    return this.value
}).get();

答案 1 :(得分:1)

可以使用$.map函数

var vals = $.map($('input[name="skills"]:checked').get(), function(i){
    return i.value;
});

DEMO.

或者,这个(正如Arun P Johny做的那样,代码较少,在一行内)

var vals = $('input[name="skills"]:checked').map(function(){
    return this.value
}).get();

DEMO.

或者,作为逗号分隔的字符串

var values = $('input[name="skills"]:checked').map(function(){
    return this.value
}).get().join();

DEMO.