gpt4 book ai didi

javascript - clear() 函数不适用于 onClick,只能通过控制台

转载 作者:行者123 更新时间:2023-11-30 11:56:52 30 4
gpt4 key购买 nike

<分区>

大家好,我正在用 JavaScript 帮助一位 friend ,但出现了一个不寻常的问题。单击按钮时,用于清除表单页面的 clear() 函数不会导致页面上的对象清除。不过,它通过控制台运行。这里有什么问题?这是网站的代码:

    <html>
<head>
<title>UNDERTALE</title>
<style>
@font-face {
font-family: Undertale;
src: url("assets/DTM-Mono.otf") format("opentype");
}
body {
font-family: Undertale;
font-size: 24px;
color: #FFFFFF;
}

table {
font-family: Undertale;
font-size: 24px;
color: #FFFFFF;
}
</style>
<script>
function validateCheckBox(){
if(document.getElementsByName("check")[0].checked == true) { return true; }
if(document.getElementsByName("check")[1].checked == true) { return true; }
if(document.getElementsByName("check")[2].checked == true) { return true; }
if(document.getElementsByName("check")[3].checked == true) { return true; }
return false;
}
function validateDropdown(){
if(document.getElementsByName("select")[0].selectedIndex == 0) { return false; }
return true;
}
function validateRadio(){
if(document.getElementsByName("radio")[0].checked == true) { return true; }
if(document.getElementsByName("radio")[1].checked == true) { return true; }
if(document.getElementsByName("radio")[2].checked == true) { return true; }
if(document.getElementsByName("radio")[3].checked == true) { return true; }
return false;
}
function validateTextArea(){
if(document.getElementsByName("textarea")[0].value == "") { return false; }
return true;
}
function submit(){
if(validateCheckBox() == false) { alert("Please complete the first question."); return; }
if(validateDropdown() == false) { alert("Please complete the second question."); return; }
if(validateRadio() == false) { alert("Please complete the third question."); return; }
if(validateTextArea() == false) { alert("Please complete the fourth question."); return; }
alert("Form submitted successfully!");
}
function clear(){
document.getElementsByName("check")[0].checked = false;
document.getElementsByName("check")[1].checked = false;
document.getElementsByName("check")[2].checked = false;
document.getElementsByName("check")[3].checked = false;
document.getElementsByName("select")[0].selectedIndex = 0;
document.getElementsByName("radio")[0].checked = false;
document.getElementsByName("radio")[1].checked = false;
document.getElementsByName("radio")[2].checked = false;
document.getElementsByName("radio")[3].checked = false;
document.getElementsByName("textarea")[0].value = "";
return;
}
</script>
</head>
<body bgcolor="#000000">
<center>
<table width="1000px">
<tr><td>
<center>
<img src="assets/feedback.png" width="700px">
</center>
<tr><td>
<br>
<center>
1. What did you find helpful on this website?<br>
<input type="checkbox" name="check">About</input>
<input type="checkbox" name="check">Story</input>
<input type="checkbox" name="check">Main Characters</input>
<input type="checkbox" name="check">Locations</input>
<br><br>
2. Which page should I add more information?<br>
<select name="select">
<option>
<option>About
<option>Story
<option>Main Characters
<option>Locations
<option>None
</select>
<br><br>
3. Which page did you find the most helpful?<br>
<input type="radio" name="radio">About</input>
<input type="radio" name="radio">Story</input>
<input type="radio" name="radio">Main Characters</input>
<input type="radio" name="radio">Locations</input><br><br>
4. Please leave any other comments about this website here.<br>
<textarea rows=10 cols=50 name="textarea"></textarea><br><br>
<button onclick="submit()">Submit</button>
<button onclick="clear()">Clear</button>
</center>
</table>
</body>
</html>

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com