如何使用JavaScript禁用HTML下的所有按钮

Question

我正在做一个基于网络的游戏项目，我希望在6次不同的按钮点击后禁用所有按钮。任何人都可以帮我吗？

Answer 1

您可以选择与您的参数匹配的所有元素，然后逐个禁用它们。

我不是100％在＆＃34;在一个班级＆＃34;你的意思是后代或有上课，所以我将包括两者。

如果你的意思是后代（如<form method="POST" action="https://petrocanada.dev/admin/coding/vendors" accept-charset="UTF-8" id="frmManageCoding"> <input name="_token" type="hidden" value="soXhq24ixsvzhRKPDBwcSgeyxv3BiqIW5LJWhjCX"> <input type="hidden" name="_method" value="POST"> <input id="id" name="id" type="hidden"> <input id="page" name="page" type="hidden" value="vendors"> <div class="modal-header"> <h5 class="modal-title" id="manageCodingModalLabel">Add New</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <div class="form-group"> <label for="name">Name</label> <input class="form-control" placeholder="Enter brand name" required="required" name="name" type="text" id="name"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Save changes</button> </div> </form> ），你可以使用它：

div.className div button

如果你的意思是一个有类的按钮（如document.querySelectorAll('.className button').forEach(elem => { elem.disabled = true; }); ），你可以使用它：

button.className

当然，您仍需要跟踪按下按钮的次数，但如果没有更多信息，我们可以提供尽可能多的帮助。