在 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
}
}
}