HTML 通过 JavaScript 验证按钮是否被选中 - 代码示例与解析

"HTML 通过 JavaScript 验证按钮是否被选中 - 代码示例与解析"\n\n本文将讲解如何使用 JavaScript 代码验证 HTML 中的按钮是否被选中，并提供详细的代码示例与解析，帮助你轻松实现按钮状态判断。\n\n\n\n1. HTML 代码：\n\nhtml\n<input type=\"checkbox\" id=\"myCheckbox\"> Check me\n<button onclick=\"validateCheckbox()\">Validate</button>\n\n\n2. JavaScript 代码：\n\njavascript\nfunction validateCheckbox() {\n var checkbox = document.getElementById(\"myCheckbox\");\n if (checkbox.checked) {\n alert(\"按钮已选中\");\n } else {\n alert(\"按钮未选中\");\n } \n}\n\n\n在上面的例子中，我们首先使用getElementById方法获取到了id为"myCheckbox"的复选框元素，并将其赋值给变量checkbox。然后，我们使用checked属性来检查复选框是否被选中。如果被选中，弹出"按钮已选中"的提示框；如果未被选中，弹出"按钮未选中"的提示框。\n\n最后，我们在按钮的onclick事件中调用validateCheckbox函数，以便在点击按钮时执行验证操作。\n\n\n\n通过这篇文章，你学会了如何通过 JavaScript 代码验证 HTML 中的按钮是否被选中。\n\n如果你还有其他疑问，欢迎在评论区留言！