[精讚] [會員登入]
4442

取得表單 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

你可能感興趣的文章

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

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

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

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

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

我有話要說

>>

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

訪客留言

[無留言]

隨機好文

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

飛碟 UPS 市電斷電時自動關機 買了一張飛碟 UPS 的 SNMP 網卡, 原本是希望學校的兩部 VMware ESXi 在停電時能自動關機, 沒想到,

如何安裝辦公室印表機 本篇是針對豐南國中所寫的,其他網友其參考一下就好。 學校各導師辦公室及專任辦公室的印表機使用年限大概都有 8年以上了,廠