HTML执行不同的php函数onclick

Question

我有以下问题。无论我点击哪个图像，功能2都会被执行。非常感谢你的帮助。

<l href='<?php echo function1(); ?>' onclick='alert("ON!")'> <IMG STYLE="position:relative; margin-top: 40px" SRC="/img/on.png" page="control.php"></l>   
<l href='<?php echo function2(); ?>' onclick='alert("OFF!")'> <IMG STYLE="position:relative; margin-top: 40px; margin-left: 80px" SRC="/img/off.png" page="control.php"></l>

它的目的是执行不同的sql查询，但它们都执行相同的查询。这些函数包含在一个单独的php中。我目前唯一的猜测是，这与造型有关。

标签：

$( document ).on(
   "click",
   "l",
   function( event ){
    // Stop the default behavior of the browser, which
    // is to change the URL of the page.
         event.preventDefault();
        // Manually change the location of the page to stay in
        // "Standalone" mode and change the URL at the same time.
        location.href = $( event.target ).attr( "page" );
    }
);

Answer 1

由于您还没有提供php代码，以下是我对您的情况的假设：

function1()做一些mysql查询，比如：UPDATE t SET state='on'...

function2()的作用几乎相同：UPDATE t SET state='off'...

使用此代码：

<?php echo function1(); ?> 
<?php echo function2(); ?>'

您基本上是在调用这两个函数。第一个开关打开，第二个开关再次关闭，使您认为只执行了第二个查询。代码的逻辑有问题。

您可以通过使用GET变量并根据其值运行第一个或第二个函数来实现目标。下面是的示例脚本

PHP:

<?php
if (isset($_GET['action'])) {
    if ($_GET['action'] == "on") {
        function1();
    elseif ($_GET['action'] == "off") {
        function2();
    }
}
?>

HTML:

<span onclick="alert('ON!')"> <IMG STYLE="position:relative; margin-top: 40px" SRC="/img/on.png" page="control.php?action=on"></span>   
<span onclick="alert('OFF!')"> <IMG STYLE="position:relative; margin-top: 40px; margin-left: 80px" SRC="/img/off.png" page="control.php?action=off"></span>