我有一個包含五個輸入陳述句的表單，其 id 以序列號結尾，例如：
<input id="phone1" type="text" value="1111111111">
<input id="phone2" type="text" value="">
<input id="phone3" type="text" value="3333333333">
<input id="phone4" type="text" value="4444444444">
<input id="phone5" type="text" value="">
我嘗試了以下操作：
const nmbr = [1, 2, 3, 4, 5];
$.each(nmbr, function(index, value){
var phn = $("#phone" value)
if !(phn.val()) {
console.log('phone number missing');
}
});
我將如何逐步通過這些 id 來獲取非空白電話號碼的值。
uj5u.com熱心網友回復：
您可以改用一個類，然后遍歷input并檢查值是否為非空
const inputs = document.querySelectorAll('.ipt');
for (const ipt of inputs) {
if (ipt.value !== "") {
console.log(ipt.value);
}
}<input class="ipt" id="phone1" type="text" value="1111111111">
<input class="ipt" id="phone2" type="text" value="">
<input class="ipt" id="phone3" type="text" value="3333333333">
<input class="ipt" id="phone4" type="text" value="4444444444">
<input class="ipt" id="phone5" type="text" value="">uj5u.com熱心網友回復：
在下面的代碼中document.querySelectorAll('[id^="phone"]')將選擇所有帶有電話前綴的 id。
const data = document.querySelectorAll('[id^="phone"]');
console.log(data);
for (const dt of data) {
if (dt.value !== "") {
console.log(dt.value);
}
} <input id="phone1" type="text" value="1111111111">
<input id="phone2" type="text" value="">
<input id="phone3" type="text" value="3333333333">
<input id="phone4" type="text" value="4444444444">
<input id="phone5" type="text" value="">轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/493684.html
標籤：javascript jQuery 数组 for循环