在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 

編輯：如果您還需要一種從數組中刪除它的方法，請檢查JQuery grep（）： http : //api.jquery.com/jquery.grep/

EDIT2：我添加了一個功能，用於從數組中刪除未經檢查的語言。 取消選中復選框時，此方法調用，並提供語言的值作為參數。 它應該像這樣工作。

干杯

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