Question

我制作了一个隐藏按钮，其中包含用户将要上传的图片名称的值。因此，例如，如果用户上传了名为＆＃34; 1.jpg＆＃34;这应该是按钮的值。

我有另一个按钮，其值为＆＃34; LIKE＆＃34;当用户将鼠标悬停在图像上时显示在图像上。我想在用户点击LIKE按钮时触发隐藏按钮。

这里是隐藏按钮的代码：

echo "<td><form method='post'><input id='hiddenButton' type='submit' 
name='hiddenButton' value='$row[1]' /></form></td>";

这里是LIKE按钮的代码：

echo "<div class='middle'><div class='likeButton'><form method='post'><input 
class='likeButtonStyle' type='button' value='LIKE' name='like' 
onclick='document.getElementById('hiddenButton').click()' /></form></div>
</div>";

我怎么知道隐藏按钮没有触发？因为如果它触发整个页面应该刷新，因为：

<input type="submit" />

BTW所有这些代码都在PHP标签下。

Answer 1

您可以尝试使用jQuery，如下所示：

＆＃13;

$(document).ready(function() {
    $('[name=like]').on('click', function() {
      $('[name=hiddenButton]').click();
    });

    // Test. Displays Hello World when hiddenButton is clicked
    $('[name=hiddenButton]').on('click', function() {
      $('#message').text('Hello World!');
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='middle'>
  <div class='likeButton'>
    <form method='post'>
      <input class='likeButtonStyle' type='button' value='LIKE' name='like'/>
    </form>
  </div>
</div>

<form method='post'>
  <!-- Removed the type='submit' so the page is not reloaded when the hiddenButton is clicked (for test) -->
  <input id='hiddenButton' type='button' name='hiddenButton' value='xyz' hidden/>
</form>
<div id="message"></div>

＆＃13;

只需回显文档中的脚本，或关闭php标记并在之后重新打开它。

如何在一次点击时触发2个按钮？

1 个答案: