網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

HTML表單Checkbox的值如何正確提交到PHP後台?

欄目: IT技術 / 發佈於: / 人氣:2.42W

Checkbox的值和其他input輸入框的值一樣,也是通過from提交到服務器後台,PHP再用全局變量 _POST,就能得到這些值。但checkbox有一點區別,有需要特別注意的地方,下面一起看下。

操作方法

(01)我們先看下HTML的代碼,就是一個form,裏面有input輸入框,和 一組checkbox,和一個提交按鈕,代碼如圖

HTML表單Checkbox的值如何正確提交到PHP後台?

(02)再看下後端的php代碼,就是獲取到表單post過來的變量,然後用 var_dump方法顯示出來。(代碼很簡單,因為是示例代碼,只為了説明問題)

HTML表單Checkbox的值如何正確提交到PHP後台? 第2張

(03)先看下頁面效果。如圖,我們點擊一下提交按鈕,

HTML表單Checkbox的值如何正確提交到PHP後台? 第3張

(04)頁面提交,服務器取到post的數據,並輸出顯示在頁面,如圖,我們得到了輸入框的內容,checkbox的內容沒有,因為我們沒有選擇任何一個。

HTML表單Checkbox的值如何正確提交到PHP後台? 第4張

(05)我們選擇一個checkbox,然後再次點擊提交按鈕。

HTML表單Checkbox的值如何正確提交到PHP後台? 第5張

(06)提交後,我們正確得到了選中的checkbox內容

HTML表單Checkbox的值如何正確提交到PHP後台? 第6張

(07)如果我們選擇多個checkbox呢? 如圖,再點擊提交按鈕。

HTML表單Checkbox的值如何正確提交到PHP後台? 第7張

(08)提交後,我們看到,後台服務器輸出的只一個選中checkbox的內容。明明我們選擇了三個的,怎麼只有一個呢?

HTML表單Checkbox的值如何正確提交到PHP後台? 第8張

(09)要獲取多個內容,我們要改一下form表單裏的 name屬性,如圖,要把name="p" ----> name="p[]"。這裏就是checkbox需要注意的地方。

HTML表單Checkbox的值如何正確提交到PHP後台? 第9張

(10)修改後,我們也是選擇checkbox的前三個,然後提交,得到結果如圖,正確得到了三個選中的checkbox的值。

HTML表單Checkbox的值如何正確提交到PHP後台? 第10張