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

來源:酷知科普網 2.45W

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張
熱門標籤