htmlページに複数選択を挿入する

Question

私は、ページにある言語の中からいくつかの言語を選択して、配列を取得するか、選択したすべての言語を含む文字列を取得する必要があります。 どうすればいいですか？ 後でJavaScriptメソッドで使用する文字列または配列。

あなたには、いくつかのチェックボックスを使用して、このような配列に値を保存することができ

Answer 1

：

var lang = []; 
 

 

 
$('.cbLang').on('change', function() { 
 
    this.checked ? lang.push(this.value) : removeLang(this.value); 
 
    console.log(lang); 
 
}); 
 

 
//REMOVE UNCHECKED LANGUAGE 
 
function removeLang(removeLang){ 
 
    lang = jQuery.grep(lang, function(value) { 
 
     return value != removeLang; 
 
    }); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input class="cbLang" type="checkbox" value="English">English 
 
<input class="cbLang" type="checkbox" value="German">German 
 
<input class="cbLang" type="checkbox" value="French">French

EDIT：あなたは、アレイから削除する方法が必要な場合は、チェックJQueryのgrep（）：http://api.jquery.com/jquery.grep/

EDIT2：私は未チェックのlaを削除する関数を追加しました配列からのオフセット。このメソッドは、チェックボックスがオフになっているときに呼び出され、言語の値をパラメータとして返します。このように動作するはずです。

乾杯

Answer 2

javascriptの

var lang = []; 


$('.cbLang').on('change', function() { 
    '' 
    this.checked ? lang.push(this.value) : removeLang(this.value); 
    console.log(lang); 
}); 

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

<input class="cbLang" type="checkbox" value="English">English 
<input class="cbLang" type="checkbox" value="German">German 
<input class="cbLang" type="checkbox" value="French">French