FormData getAll()

admin發表於2020-05-22

getAll() 方法可以獲取所有指定具有指定鍵名的值,返回一個陣列。

關於 FormData 物件的總體介紹參閱 FormData 物件 一章節。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
FormData.getAll(key)

引數解析:

(1).key:資料的鍵名。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="GBK">
<meta name="author" content="https://www.softwhy.com/" />
<title>螞蟻部落</title>
<script>
window.onload = ()=> {
  let form = document.getElementById("myform");
  let formdata = new FormData(form);
  console.log(formdata.getAll("course"));
}
</script>
</head>
<body>
  <form action="#" id="myform">
    學科: <input type="checkbox" name="course" value="JS">
          <input type="checkbox" name="course" value="CSS" checked>
          <input type="checkbox" name="course" value="HTML" checked><br>
    年齡: <input type="text" name="age" value="5"><br>
    <input type="submit" name="sb" value="提交">
  </form>
</body>
</html>

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/202005/22/172214luhbbx93uzw8f0m9.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

程式碼分析如下:

(1).FormData() 建構函式的引數是 <form> 表單元素物件。

(2).建立的 FormData 物件儲存著 <form> 表單內能夠提交到伺服器表單元素的鍵值對(name/alue)。

(3).getAll() 獲取所有鍵名為 "course" 且處於選中狀態核取方塊的值,未選中(不能夠提交)不包括在內。

相關文章