Question

html 2个按钮 A按钮默认显示 B按钮默认隐藏 点击A按钮后 隐藏A按钮 显示B按钮 如何控制?谢谢

2个按钮在一个<td>内

Answer 1

<button class="a">A按钮</button>
        <button class="b">B按钮</button>
        <script src="js/jquery-2.2.1.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(function(){
                $(".a").click(function(){
                    $(this).hide();
                    $(".b").show();
                })
                $(".b").click(function(){
                    $(this).hide();
                    $(".a").show();
                })
            })
        </script>

Answer 2

<input type="button" id="btnA" value="btnA" onclick="javascript: document.getElementById('btnB').style.display = 'block'; this.style.display = 'none';" />
<input type="button" id="btnB" value="btnB" style="display:none" />

一个最古老的写法 你可以把btnA的onclick写到一个function里面