javascript - 单击切换到不同的按钮

Question

我想要代码来切换按钮。如果我第一次按下按钮 1，它必须显示按钮 2，反之亦然。

<input type="submit" value="asc" name="button1" id="but1">

<input type="submit" value="desc" name="button2" id="but3">

Answer 1

一种无需需要 JQuery 的解决方案是这样的:

<input type="button" value="asc" name="button1" id="but1" onClick="document.getElementById('but3').style.display='';this.style.display='none';">

<input type="button" value="desc" name="button2" id="but3" style="display:none;" onClick="document.getElementById('but1').style.display='';this.style.display='none';">

如果你想使用可见性，也可以这样做:

<input type="button" value="asc" name="button1" id="but1" onClick="document.getElementById('but3').style.visibility='visible';this.style.visibility='hidden';">

<input type="button" value="desc" name="button2" id="but3" style="visibility:hidden;" onClick="document.getElementById('but1').style.visibility='visible';this.style.visibility='hidden';">

使用可见性保留按钮位置。出于演示原因，我将类型从提交更改为按钮。

您可以查看这些解决方案的两个 JSFIDDLE 演示 here和 here .