使某个按钮在网页上不可见，直到触发某个事件

Question

在我的网络应用中，我想要一个页面隐藏特定按钮，直到触发某些事件。单击“编辑记录”按钮时，我想要“保存更改”按钮。我怎么能在JS或JQuery中做到这一点？

Answer 1

<input type="button" value="edit" id="editbutton" onclick="showbutton()" />
<input type="button" value="Save changes" id="savebutton" />

您可以使用JQuery('#editbutton').hide(); 在doccument.ready{}函数

中

您需要一个触发功能，该功能将在编辑按钮单击时调用。

现在此功能将使保存更改按钮可见

function showbutton()
{
  JQuery('#savebutton').show();

}

Answer 2

<button id="b1" onclick="document.getElementById('b2').style.display='inline';">Edit Record</button>
<button id="b2" style="display:none;">Save Changes</button>

演示：http://jsfiddle.net/74CxP/