[精讚] [會員登入]
4328

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

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

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

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

我有話要說

>>

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

訪客留言

[無留言]

隨機好文

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

Yii2 使用 MODAL class 呈現內容時,如何防止滑鼠失焦導致頁面自動關閉 Yii2 使用 MODAL class 呈現內容時,如何防止滑鼠失焦導致頁面自動關閉

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

MariaDB 的效能調整筆記 因應臺中市網路應用競賽的需求, 自己開發了一套校內初賽專用的系統, 因為是比賽的系統,所以會有短時間大量同時登入的情況,