按钮不能在php中与jQuery一起工作

Question

当我点击它时没有任何反应，我的按钮不起作用。 这是我的HTML它：

<form id="myform" name="myform" action="senden.php" method="get"> 
     <ul><div> 
       <li> 
      <button id="testbutton" name="testbutton" value="abgesendet2" type="button">test</button> 

      <p> Felder mit einem Stern müssen ausgefüllt werden! </p> 
     </ul> 

    </form> 

，这是我的jQuery它（按钮处于一种形式）：

<script> 
     jQuery('document').ready(function(){ 

      $("#myform").on('click', '#testbutton', function(){ 
       alert("test"); 
      }); 

     }); 
    </script> 

Answer 1

你只需要做一个小的变化。将点击直接附加到目标按钮，它将起作用。

$('document').ready(function(){ 
 
    $("#testbutton").on('click', function(){ 
 
     alert("test"); 
 
    }); 
 
}); 
 

 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="testbutton" name="testbutton" value="abgesendet2" type="button">test</button>

Answer 2

你的代码看起来工作正常，你确定你包括jQuery的？ 这里是我的测试：

<script src="http://code.jquery.com/jquery-latest.min.js" 
    type="text/javascript"></script> 

<script> 
    jQuery('document').ready(function(){ 

     $("#myform").on('click', '#testbutton', function(){ 
      alert("test"); 
     }); 

    }); 
</script> 


<form id="myform" name="myform" action="senden.php" method="get"> 
<ul><div> 
    <li> 
     <button id="testbutton" name="testbutton" value="abgesendet2" type="button">test</button> 

     <p> Felder mit einem Stern müssen ausgefüllt werden! </p> 
    </ul> 

</form> 

这里是一个jsfiddle了。它行得通吗？