javascript - 禁用所有 ID 属性以

Question

我有一个表格，上面有一个表格。该表列出了多行，每一行都有一个“创建”按钮。该表本身使用 for 循环并将行值附加到按钮 ID 的末尾，如下所示

<button type="button" class="btn btn-default" id="create_<%: stck.Stock%>" onclick="SetupDisinvestmentsFields(this,'<%=stck.SEDOL%>','<%=stck.Quantity%>','<%=stck.value%>')">
     <span class="glyphicon glyphicon-plus"></span> Create
</button>

我的表格的完整代码是

<table class="table table-striped">
    <tr>
        <th>Stock</th>
        <th>SEDOL</th>
        <th>Quantity</th>
        <th>Value</th>
        <th>Actions</th>
    </tr>
     <%
        foreach (var stck in stocks)
        { %>
            <tr>
                <td><%: stck.Stock%></td>
                <td><%: stck.SEDOL%></td>
                <td><%: stck.Quantity%></td>
                <td><%: String.Format("{0:c}", stck.value)%></td>
                <td>
                    <button type="button" class="btn btn-default" id="create_<%: stck.Stock%>" onclick="SetupDisinvestmentsFields(this,'<%=stck.SEDOL%>','<%=stck.Quantity%>','<%=stck.value%>')">
                        <span class="glyphicon glyphicon-plus"></span> Create
                    </button>
                </td>
            </tr>
        <% }
    %>
</table>

我想要的是当页面状态发生变化时，表格中的所有“创建”按钮都将被禁用。

我尝试了以下但它只禁用了第一个按钮而不是其余的

document.querySelector('[id^="create_"]').disabled = true;

Answer 1

document.querySelector 只返回第一个匹配的元素。您需要改为使用 document.querySelectorAll，然后循环遍历生成的 NodeList:

var elems = document.querySelectorAll('[id^="create_"]');

for (var i = 0; i < elems.length; i++) {
    elems[i].disabled = true;
}