1. 程式人生 > >在js中怎樣獲得checkbox裡選中的多個值?

在js中怎樣獲得checkbox裡選中的多個值?

1、HTML結構

1 2 3 4 5 6 <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()"/>

2、javascript程式碼

1 2 3 4 5 6 7 8 9 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); }

3、演示效果



相關推薦

js怎樣獲得checkbox選中

1、HTML結構 1 2 3 4 5 6 <input type="checkbox" name="test" value="1"/><span>1</span> <input type="checkbo

js怎樣獲得checkbox選中

利用name屬性值獲取checkbox物件,然後迴圈判斷checked屬性(true表示被選中,false表示未選中)。 1、HTML結構 <input type="checkbox" n

IntelliJ IDEA一個專案git專案的問題

IntelliJ IDEA Settings - Version Control可以設定多模組Git控制 IntelliJ IDEA下的一個專案裡有多個module,是分別提交到Git上的。每個module是一個獨立的專案,專案間可以互相引用。 但是在ieda下,發現只

html的單選按鈕radio如何實現可同時選中進行表單提交

為了便於學習,我們將單選按鈕radio和複選框checkbox作對比: 具體程式碼如下: ****************************************************tes

javascript prop設定checkbox的屬性checked,獲取選中

<div class="inputpot" id="ccc221List"> <label><input type="checkbox" name="ccc221" value="01" onclick="checkboxOnclick(this

python如何實現一行輸入

#encoding:utf-8 lst= list(map(int,input().split())) ''' 先使用split()方法對字串切片,然後使用map()將每個元素依次轉換為int型

Python之字典的鍵映射

多個 pen pytho code col collect ons pan 映射 字典的鍵值是多個,那麽就可以用列表,集合等來存儲這些 鍵值 舉例 print({"key":list()}) # {‘key‘: []} print({"key":set()})

js怎樣獲得checkbox選中?(jQuery)

div es2017 script check alt 進行 class javascrip 效果 思路:利用name屬性值獲取checkbox對象,然後循環判斷checked屬性(true表示被選中,false表示未選中)。下面進行實例演示: 1、HTML結構 <

js checkbox 獲取表格一行 傳遞

js checkbox 獲取表格一行中的多個值  傳遞多個值 (1)頁面html checkbox 帶了 listInfo.accountState listInfo.payAccountState

js獲取獲取select:option選中

sele lec sel div alert clas option spa log <!--快速獲取select選中值--> <select id = ‘tagName‘></select> var tag = $("#ta

提交表單Select列表或Checkbox複選框的到Struts2 Action

以提交Select列表的值為例。 1.HTML寫法: <select name="authorizedUsers" id="authorizedUsers" multiple="multiple"> <option value="1">

js改變checkbox選中

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>獲取選中框的值</title></head><body><la

怎麼把PHP複選框選中寫入到資料庫

今天提交表單數到據庫時,CheckBox選中的值不能夠全部提交,浪費了很長時間,最後解決方法如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Typ

每天學習一算法系列(4) (輸入一個整形陣列,數組有正數也有負數,陣列連續的一個或整陣列成一個子陣列,每個子陣列都有一個和)

題目: 輸入一個整形陣列,數組裡有正數也有負數,陣列中連續的一個或多個整陣列成一個子陣列,每個子陣列都有一個和。 求所有子陣列的和的最大值。要求時間複雜度為O(n)。 例如輸入的陣列為1, -2, 3, 10, -4, 7, 2, -5,和最大的子陣列為3, 10, -4,

Laravel一個頁面分頁並用jQuery pagination.js實現

<!-- JQUERY分頁 --> <script src="{{asset('lib/js/jquery.pagination.js')}}"></script> //引入該檔案前別忘了引入JQUERY庫 <script>

Python 字典一鍵對應

列表 檢查 span mark blog class efault remove one #字典的一鍵多值 print‘方案一 list作為dict的值 值允許重復‘ d1={} key=1 value=2 d1.setdefault(key

Java前臺往後臺傳id參數

ces 多個 ont div public nodelist ktr ice ret 1.傳字符串的形式,字符串中每個id用 “,” 隔開 打印出來如下形式: 前臺JS代碼 function saveRoleAdd() { v

類模板的聲明和定義都寫到頭文件,可以分到.h文件

測試 blog alt com src 類的聲明 技術 寫到 nbsp 通常類模板的聲明和定義都寫到頭文件中,那麽為了看著清晰,類的聲明和定義可以分開寫到多個頭文件中嗎,測試: 類模板的聲明和定義都寫到頭文件中,可以分到多個.h文件中

Switch Case語句匹配同一個代碼塊的寫法

har com arch mssql pre html www ase cas switch ($p) { case ‘home‘: case ‘‘: $current_home = ‘current‘; break

jqery和js如何判斷checkbox是否選中

js jquery checkbox 選中<div id="divId" class="divTable"><div class="tableBody"><ul ><li ><input type="checkbox" value="hello kit "