单击按钮打开评论回复表单

Question

我有一个博客，博客上的每条评论都有一个回复表。我正在尝试创建一个“回复”按钮，该按钮将在单击后显示该表单。现在，如果我点击任何“回复”按钮，它只会将隐藏样式应用于第一个按钮，将块样式应用于第一个 div.

HTML

<div class="reply">
  <button id="replybutton" onclick="replybutton()">Click Me</button>
  <div id="replyform">
    <form>
      ...
    </form>
  </div>
</div>

HTML

function replybutton() {
  document.getElementById("replyform").style.display = "block";
  document.getElementById("replybutton").style.display = "none";
enter code here

Answer 1

ID 应该是唯一的。所以每个表单都应该有一个唯一的 id。你可以使用普通的 class 到 show/hide 它们。

当您点击一个按钮时，您应该像这样将它的引用传递给您的 onClick 函数 onclick="replybutton(this) 并修改您的 onClick 函数以定位按钮 function replybutton(btn)。如果你想 show/hide 你的表格，你可以使用 nextElementSibling

查看 jsFiddle

https://jsfiddle.net/th4dz1q0/2/

单击按钮打开评论回复表单

Open Comment Reply Form On Button Click

javascript

blogs

button

reply