[精讚] [會員登入]
4651

取得表單 Checkbox 已被勾選的項目

在 HTML 表單中常常在送出前需要做前端檢查, 除了減少伺服器負擔, 也可以減少使用者一來一往所花費的時間. 表單中大

分享此文連結 //n.sfs.tw/12943

分享連結 取得表單 Checkbox 已被勾選的項目@杜子的網管筆記
(文章歡迎轉載,務必尊重版權註明連結來源)
2019-10-24 14:10:32 最後編修
2018-12-04 09:46:12 By 杜子
 

在 HTML 表單中常常在送出前需要做前端檢查,

除了減少伺服器負擔,

也可以減少使用者一來一往所花費的時間.

表單中大部分的欄位的值,在 jQuery 被發明後,只要利用

$("#id").val() 就可以輕易取得,

但 checkbox 卻沒辦法用這個方式取得。

在此就把它筆記一下,免得常常忘記又要去查

 

HTML 內容  , checkbox 的 name 都是 items[]

<input type="checkbox" name="items[]" value="1"> 第 1 項

<input type="checkbox" name="items[]" value="2"> 第 2 項

<input type="checkbox" name="items[]" value="3"> 第 3 項

<input type="checkbox" name="items[]" value="4"> 第 4 項

 

JavaScript 讀取方式 , 先取得所有 input 項目,然後利用迴圈檢查 name 為 items 開頭的項目

 var tags = document.getElementsByTagName('input');

  for (var i = 0; i < tags.length; i++) {
       if (tags[i].name.substr(0,5)=="items") {
              if (tags[i].checked) {

                    //在這裡進行有核取的處理

                   // 被核取的值取法  tags[i].value
              }
       }
  }

END

你可能感興趣的文章

CentOS 7.4 For SFS3U VM機下載說明 要怎麼快速架好一台 For SFS3U 的 CentOS 主機呢?

SFS3U 的安裝與更新 「SFS3-Unicode補完計劃」已屆完工,除了支援 108課綱,也一併解決多年來 Big-5字碼問題,新版本的 SFS3 簡稱 SFS3U。

CentOS 7.4系統安裝 (For SFS3U 量身訂作) 您的聲音,我們聽到了! 為了解決 SFS3 的BIG-5字碼問題,這一年來我們改版了 SFS3,全面採用 UTF8MB4 字碼。現在,就從專用主機架設開始!

取得表單 Checkbox 已被勾選的項目 在 HTML 表單中常常在送出前需要做前端檢查, 除了減少伺服器負擔, 也可以減少使用者一來一往所花費的時間. 表單中大

將資料由SFS3 移機到 SFS3U 如果您是 SFS3 的使用者,架了 SFS3U ,資料當然得轉移過來才有意義呀!

隨機好文

網路喚醒與遠端關機 在管理電腦教室時,常會遇到需要將電腦全部關機或全部開機的情況, 在這裡給自己做個筆記,以免忘了. 先講網路喚醒好了 1.

取得表單 Checkbox 已被勾選的項目 在 HTML 表單中常常在送出前需要做前端檢查, 除了減少伺服器負擔, 也可以減少使用者一來一往所花費的時間. 表單中大

雙網卡 DRBL伺服器架設心得 學校有三間電腦教室,加上一般教室、專科教室、導師辦公室5間、專任辦公室3間, 全部電腦加起來超過 200臺。 為了有效管

Adminlte 取消預設 icon 的方法 Adminlte 是個很好用的樣版, 但是選單的 icon 預設只能用 Font Awesome 的圖示, 如果沒有指定

【停課不停學】豐南國中Google Classroom 登入篇 因為疫情導致的停課 本校採用的線上教學平臺是 Google Classroom 本篇解說如何登入 1. 帳號與密碼 本校