我正在嘗試按名稱從復選框中獲取值，并檢查這些值是否存在于另一個陣列中，如果存在，那么存在的值通過按下按鈕變為（選中），我為此使用 jquery，并嘗試了雖然我在 if 陳述句中傳遞了它們的值，但所有復選框仍然未選中。
復選框：
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="1">
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="2">
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="3">
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="4">
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="5">
腳本（jQuery）：
var array = [1,2,3];
$('input[name="contactsCheckboxEdit"]').each(function() {
if(jQuery.inArray(this.value, array) !== -1) {
this.checked = true;
}
});
假設具有值（1,2,3）的輸入變為（選中）但仍然是（未選中）。請問有什么幫助嗎？
uj5u.com熱心網友回復：
JQuery已經過時，現在var不推薦了，也不推薦了，下面我用純JS做了一個解決方案：
const list = [1, 2, 3];
for (const checkbox of document.querySelectorAll("#contactsCheckbox[name=contactsCheckboxEdit]")) {
if (list.includes(Number(checkbox.value))) {
checkbox.checked = true;
}
}<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="1">
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="2">
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="3">
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="4">
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="5">在以下位置學習現代 JS：
我知道編程： https ://exploringjs.com/impatient-js/
我不懂編程： https ://javascript.info/
一體機： https ://phoenix35.js.org/
uj5u.com熱心網友回復：
您可以通過使用函式檢查陣列中的值來使用 for 回圈來完成
var arrayCheck = [1,2,3];
$('input[name="contactsCheckboxEdit"]').each(function() {
let inputValue = $(this).val();
if (checkArrayValue(inputValue, arrayCheck) == 'Exist') {
$(this).prop('checked', true);
}
});
function checkArrayValue(value, array) {
var result = "Doesn't exist";
for(var i=0; i < array.length; i ) {
var name = array[i];
if (name == value) {
result = 'Exist';
break;
}
}
return result;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="1">
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="2">
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="3">
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="4">
<input id="contactsCheckbox" name="contactsCheckboxEdit" type="checkbox" value="5">轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/416975.html
標籤：