Button doesn't work in php with jQuery

Question

my button doesn't work when I click on it nothing happens. This is my HTML for it:

<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>

and this is my jQuery for it (the button is in a form):

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

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

        });
    </script>

Where is your `
` ? Please click the `<>` and add the rest of the relevant HTML. — mplungjan, Feb 20 '17 at 13:37
Your code works. Which error are you getting? Are you including jquery? — , Feb 20 '17 at 13:44
@GiacomoPittalis I dont get any error and yes Im including jquery — Mr. Robot, Feb 20 '17 at 13:47
It is very odd, are you using firebug console to check errors? — , Feb 20 '17 at 13:51

score 1 · Answer 1 · answered Feb 20 '17 at 13:42

1

You only need to make a small change. Attach the click directly to the target button and it will work.

$('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>

answered Feb 20 '17 at 13:42

Manuel Cheța

480
2
10

how do I attach it directly to the button? – Mr. Robot Feb 20 '17 at 13:46
This line in my code form above does just that. Target directly the testbutton: `$("#testbutton").on('click',function(){ ` – Manuel Cheța Feb 20 '17 at 13:47
ok, then you need to check if you get any errors in the console, in Chrome - https://developers.google.com/web/tools/chrome-devtools/console/ You should be able to see if, by any chance the jQuery library is missing. – Manuel Cheța Feb 20 '17 at 14:00
This is no different than what the OP is doing, so why make the change? – Jay Blanchard Feb 20 '17 at 14:03

score 0 · Answer 2 · 2017-02-20T13:54:39.583

0

Your code seems working correctly, are you sure you were including jquery? Here is what I tested:

<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>

Here is a jsfiddle too. Do it works?

edited Feb 20 '17 at 13:54

answered Feb 20 '17 at 13:48

So it must work in your environment! Are you working locally? How are you including jquery? – Feb 20 '17 at 13:58
Really? Not even a "Thank you"? – Feb 20 '17 at 14:20

Button doesn't work in php with jQuery

2 Answers2