在js中獲取 input checkbox裡選中的多個值
思路:
利用name屬性值獲取checkbox物件,然後迴圈判斷checked屬性(true表示被選中,false表示未選中)。下面進行例項演示:
html程式碼:
<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="fun()"/>
js程式碼:
function fun(){
obj = document.getElementsByName("test");
check_val = [];
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}
相關文章
- JavaScript 獲取選中checkbox核取方塊的值JavaScript
- JavaScript獲取選中checkbox valueJavaScript
- [前臺]---js獲取input標籤中name相同的各個value值JS
- JavaScript獲取選中checkbox核取方塊的選中值JavaScript
- jQuery 利用萬用字元獲取多選框選中的值jQuery字元
- jquery和bootstrap獲取checkbox選中的多行資料jQueryboot
- js判斷checkbox是否選中JS
- <input type="file"> 選中多個檔案
- 使用layui框架的select獲取選中的值UI框架
- JavaScript獲取選中radio單選按鈕值JavaScript
- 點選文字選中或取消選中checkbox核取方塊
- JS獲取瀏覽器位址列的多個引數值的任意值JS瀏覽器
- 獲取ChoiceGroup多選狀態下的值
- layui獲取頁面checkbox核取方塊值UI
- js 獲取 table 中的每一個tdJS
- HTML input checkbox 核取方塊HTML
- HTML input checkbox核取方塊HTML
- checkBox核取方塊,獲得選中那一行所有列的資料
- 獲取地圖的資訊到input裡地圖
- jquery獲取同一name的input的value值jQuery
- 【Javascript】獲取選中的文字JavaScript
- 獲取input框輸入值異常
- 獲取json串裡的某個屬性值JSON
- 在ng-repeat內Checkbox預設選中
- jQuery獲取各種input輸入框的值jQuery
- JavaScript 判斷checkbox核取方塊是否選中JavaScript
- python中獲取如何Series值Python
- 獲取cookie裡面的值Cookie
- gitlab cicd中獲取tag值的方式Gitlab
- js根據checkbox的選中轉態輸出整行內容JS
- js中獲取鍵盤事件JS事件
- 寫一個獲取頁面中所有checkbox的方法
- js checkbox 全選 取消全選JS
- 獲取母字串中某個子字串的某個確定的index值字串Index
- 【Azure Developer】使用 CURL 獲取 Key Vault 中 Secrets 中的值Developer
- PHP中如何獲取下拉選單的值PHP
- 在 JDBC 中獲取插入 IDJDBC
- js_獲取css的@media screen的值JSCSS