我需要做的是讓用戶從頁面上選擇一些語言,並獲取包含所有選定語言的數組或字符串。 你知道我該怎麼辦? 它將在JavaScript方法中隨後提供的字符串或數組。在html頁面插入多項選擇
0
A
回答
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:我已經添加了一個函數來刪除一個unchecked la nguage來自陣列。此方法調用時,複選框未選中,並將語言的值作爲參數。它應該像這樣工作。
乾杯
0
的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
相關問題
- 1. HTML選擇插入選項
- 2. 在所有頁面上插入菜單選項卡 - HTML&CSS
- 3. 跨越多個html頁面選擇id
- 4. 頁面選項選擇
- 5. 插入JavaScript的HTML頁面
- 6. HTML選擇菜單選項正在運行關閉頁面
- 7. 如何在html中選擇(多個)的指定索引處插入選項?
- 8. 選擇多選命令。插件在頁面加載時激活
- 9. 在wordpress中插入html頁面
- 10. 在HTML頁面上嵌入VLC插件
- 11. 在drupal 7中插入html頁面
- 12. 通過JS將HTML插入HTML頁面
- 13. 多個選擇插入
- 14. 插入到多個選擇
- 15. Postgresql插入選擇多行
- 16. MYSQL插入選擇,如果選擇返回多個值插入
- 17. html:訪問選項後面在頁
- 18. 在ng選項中插入HTML標籤
- 19. 選擇兩個選項,並轉到HTML頁面
- 20. 從JSON插入到HTML選擇標記選項
- 21. 將外部頁面html插入頁面html
- 22. html多個選擇裏面div伸展整個頁面
- 23. 如何在HTML頁面中構建多個步驟選擇器?
- 24. HTML輸入 - 選擇多個圖像並在頁面中查看它們?
- 25. 如何使用HTML和JavaScript從其他頁面中選擇選項選項?
- 26. 在php頁面插入單選按鈕
- 27. asmselect jquery插件 - 多次選擇選項
- 28. 選項選擇更新頁面內容
- 29. 如何選擇頁面加載選項
- 30. 最後選擇的選項,頁面
請詢問正確的問題。請參考[如何提問](http://stackoverflow.com/help/mcve) – Shrabanee
請看編輯,我添加了刪除未經檢查的語言的功能。乾杯。 – MrBuggy
@MrBuggy感謝它現在的作品:) – Mister98