[精讚] [會員登入]
4492

取得表單 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 量身訂作) 您的聲音,我們聽到了! 為了解決 SFS3 的BIG-5字碼問題,這一年來我們改版了 SFS3,全面採用 UTF8MB4 字碼。現在,就從專用主機架設開始!

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

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

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

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

我有話要說

>>

限制:留言最高字數1000字。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

Windows Active Directory 啟動 LDAPS 連線 重架了 Windows Server 2016 也安裝了 Windows AD 服務, 當網域伺服器架好, 預設的 38

利用 PowerShell 指令大量建立 Windows Server 2016 帳號 利用 PowerShell 指令大量建立 Windows Server 2016 帳號

Let's encrypt 在 FreeBSD 裡自動更新的方式 稍早收到 Let's Emcrypt 的 E-mail 通知, 說我的憑證有效期剩 19 天, 要趕快更新。 這