按钮不能在php中使用jQuery

时间:2017-02-20 13:35:59

标签: php jquery web

当我点击它时,我的按钮不起作用没有任何反应。 这是我的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>

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

您的代码似乎工作正常,您确定包括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。它有用吗?