jquery - 複数のチェックボックスのJquery条件チェック

Question

すべてのチェックボックスが同じ名前を持ち、値をまとめて取得するため、チェックボックス名を使用してチェックボックスがいくつチェックされているかを確認できる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">

一度に値を確認したい..助けてください..

Answer 1

あなたはできる

//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();

Answer 2

$.map関数を使用して可能です

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

デモ。

または、これ (Arun P Johny が行ったように、コードが少なく、1 行以内)

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

デモ。

または、カンマ区切りの文字列として

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

デモ。