[精讚] [會員登入]
4352

取得表單 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 主機呢?

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

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

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

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

我有話要說

>>

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

訪客留言

[無留言]

隨機好文

運算思維是什麼?與程式設計及資訊科學的關係為何? 個人認為運算思維是一種解決問題的過程,當日常生活中遇到問題時,我們常會思考如何解決問題,但事實上在思考如何解決問題前,應

CentOS 各版本安裝 phpMyAdmin 1.取得PHP版本: php -v 2.取得MySQL版本: mysql -V 3.切換到網頁根目錄 #cd /var/

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

【停課不停學】111學年入學新生線上教學說明 此篇文章是針對110學年入學新生的線上教學說明

[停課不停學] 申請啟用教育部的 Google雲端教育帳號 (xxxxx@go.edu.tw) Google Workspace for Education 是一套專為學校及在家教育機構提供的 Google 工具和服