禁用后启用输入

Question

我想在单击<button class="btn_modifier">MODIFIER</button>时启用所有这组禁用输入。见下面我的输入:

stock_array.forEach(function (element) {
if (element.choix_type == "1") {
content1 +=
`<tr>
<div class="show">
<td><input type="text" class="input_stock" value="${element.nom}" disabled /></td>
<td><input type="text" class="input_stock" value="${element.quantite}" disabled /></td>
<td><input type="number" class="input_stock" value="${element.prix_achat_ht}" disabled /></td>
<td><input type="number" class="input_stock" value="${element.prix_vente_ht}" disabled /></td>
<td><input type="number" class="input_stock" value="${element.marge_ht = element.prix_vente_ht - element.prix_achat_ht}" disabled /></td>
<td><input type="number" class="input_stock" value="${element.prix_ttc = element.prix_vente_ht * 1.2}" disabled /></td>
<td><input type="text" class="input_stock" value="${element.degre}" disabled  /></td>
<td>
</div>
<div class=btn_div>
<button class="btn_modifier">MODIFIER</button>
<button class="btn_delete">X</button>
</div>
</td>
</tr>`
ba.innerHTML = content1;
}
}

我已经试过了:

let modifier = document.querySelector(".btn_modifier");
let able = document.querySelector(".input_stock");
modifier.addEventListener("click", function () {
able.disable = false;
})

Answer 1

您应该使用document.querySelectorAll来获取input_stock(或getElementsByClassName)类的所有元素，并使用循环启用它们中的每一个:

const inputs = document.querySelectorAll('.input_stock');
for (const input of inputs) {
input.disabled = false;
}

Answer 2

let modifier = document.querySelector(".btn_modifier");
modifier.addEventListener("click", function () {
let able = document.querySelectorAll(".input_stock");
// converts NodeList to Array
[...able].forEach(a => a.disabled = false);
})