JavaScript 单击按钮禁用/启用页面所有文本框 - 代码示例

"使用JavaScript实现一个功能，单击按钮可以禁用或启用页面中所有文本框。"\n"首先，在HTML页面中添加一个按钮和一些文本框："\n"\nhtml\n<button id=\"disableBtn\">禁用文本框</button><br><br>\n<input type=\"text\" id=\"textbox1\" value=\"文本框1\">\n<input type=\"text\" id=\"textbox2\" value=\"文本框2\">\n<input type=\"text\" id=\"textbox3\" value=\"文本框3\">\n<input type=\"text\" id=\"textbox4\" value=\"文本框4\">\n\n"\n"然后，在JavaScript中获取按钮和文本框的引用，并为按钮添加一个点击事件处理程序："\n"\njavascript\nvar disableBtn = document.getElementById(\"disableBtn\");\nvar textboxes = document.getElementsByTagName(\"input\");\n\ndisableBtn.addEventListener(\"click\", function() {\n for (var i = 0; i < textboxes.length; i++) {\n if (textboxes[i].type === \"text\") {\n textboxes[i].disabled = !textboxes[i].disabled;\n }\n }\n});\n\n"\n"点击按钮后，通过循环遍历所有的文本框，将其 disabled 属性设置为相反的值，从而禁用或启用文本框。"\n"\n