从按钮附加ID单击到现有的jQuery函数，该函数可切换表单

Question

我有一个表，每行都以动态生成的按钮结束。该按钮的ID与DB的用户ID匹配。我希望能够按任何按钮并将该ID传递给切换表单的脚本。我只是无法确定如何将ID附加到现有脚本以切换表单上。

到目前为止，我拥有的代码是

<button type='submit' class='btn btn-success' id='formButton$uid' onclick='myFunction()'>Edit User #$uid</button>

＆amp;

$(document).ready(function() {
        $("#3").click(function() {
    $("#form1").toggle();
  });
});

如您在上面的代码中所看到的，我对3中的ID进行了硬编码，但是正如我所说的那样，我正在寻找该ID以从任何按钮中获取值，ID，因此，如果有50个按钮，则可以全部切换。按钮单击ID时的表单将附加到jQuery切换函数中。

Answer 1

几个小时后，我设法将ID添加到jQuery中。

     <form action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="POST">
        <input type="submit" name="mybutton" id="1" value="1">
        <input type="submit" name="mybutton" id="2" value="2">
        <input type="submit" name="mybutton" id="3" value="3">
        <input type="submit" name="mybutton" id="4" value="4">
    </form>

那

$(document).ready(function() {
  $("#<?php echo $_POST['mybutton'] ?>").click(function() {
   $("#form1").toggle();
 });
});

我不知道这是否是完成这项工作的最佳方法？

Answer 2

您可以在元素名称上挂起单击事件，例如

<button type='submit' name="mybutton" Id="#$uid" onclick='myFunction()'>Edit User #$uid</button>
<button type='submit' name="mybutton" Id="#$uid" onclick='myFunction()'>Edit User #$uid</button>
<button type='submit' name="mybutton" Id="#$uid" onclick='myFunction()'>Edit User #$uid</button>

$('button[name="mybutton"]').each(function() {
  $(this).click(function() {
    console.log($(this).attr("Id"));
    $("#form1").toggle();
  });
});

[https://jsfiddle.net/bjq5drwh/2/]

我希望这会有所帮助