Question

当我删除javascript我的重置按钮工作正常，但当我加载JavaScript时它停止工作。我也尝试使用jQuery函数制作休息按钮。我也尝试过使用input type =“reset”value =“Reset” 但它也没有用。我已经尝试了我现在所知道的所有事情，我不知道该怎么做。

请帮忙

$(document).ready(function c () {
  $("#f").click(function(event){
    $("body").toggleClass("hi");
    event.preventDefault();
  });			
});

$(document).ready(function c1() {
  $("body").click(function(event){
    $("p").toggleClass("hii");
    event.preventDefault();
  });			
});   

//reset funtion using jquery
/*$(document).ready(function re(){
  $("form").click(function(event){
    $("#r").reset(); //reset funtion using jquery
  });	
})*/

body{
  font-size: x-large;
}
h2{
  color: blue;
}
body.hi{
  background:#242424;
  color: white;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div align="right"><input type="submit" id="f" name="night mode" value="night mode" onclick="c()" onclick="c1()"></div>
<h2>contact form</h2>
<form action="mailto:vwadhwa3@gmail.com" method="post" enctype="text/plain">
  <label  for="company">company's name<br>
    <input type="text" id="company" name="company" autocomplete="companyname" placeholder="name" >
  </label><br>
  <label for="contact_person">contact person<br>
    <input type="text" id="contact_person" name="contact person" autocomplete="contact person" placeholder="name">
  </label><br>
  <label for="email">email <br>
    <input type="email" id="email" autocomplete="email" name="email" placeholder="xyz@abc.com"> <br>
  <label >Subject</label>
  <br>
  <textarea  name="subject" placeholder="Write something.."></textarea><br>
  <button type="submit" value="Submit">Submit</button> reset button 
    I have also tried using input type="reset" value="Reset"
                but it is also not working 
  <button type="reset"  onclick="re()" id="r">Reset</button>
</form>

Answer 1

您的问题是您写的$(document).ready()错了。您没有将可调用函数声明为ready()的参数名称。它应该是这样的：

$(document).ready(function() {
    function myFunc(event) {
        console.log("Function MyFunc() called");
    }
});

接下来，您应该只有一个$(document).ready()。 JavaScript确实支持多个ready()声明，但这只会使代码变得混乱。

$( document ).ready()

重置按钮无法加载JavaScript

1 个答案: