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

2个按钮在一个<td>内

第1个回答  2017-03-01
<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>

本回答被提问者和网友采纳
第2个回答  2017-03-01
<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里面

a标签按钮(多个),点击A按钮 下面显示内容,点击B按钮 下方关闭A内容 显示...
DOCTYPE html><html><head><meta charset="UTF-8"><title>Test<\/title><style type="text\/css">.button {background-color: #5bc0de;border-radius: 5px;color: white;padding: .5em;text-decoration: none;}.button:focus,.button:hover {background-color: #46b8da;color: White;}<\/styl...

html点击按钮怎么变成两个按钮
首先写好这三个按钮,默认“编辑”显示,其他两个隐藏,当点击“编辑”的时候,隐藏编辑按钮,显示其他两个按钮。

html 点击按钮隐藏,点击另外一个按钮显示
<div id="xxx" style="display:block">ないよう<\/div> <input type="button" onClick="aaa()" value="隐藏"> <input type="button" onClick="aaa()" value="显示"> <script> function aaa(){if(document.getElementById("xxx").style.display=="block"){document.getElementById("xxx...

html 点击一个按钮出现新的表格,原来的表格隐藏
<table border=1 id="tab2" style="display:none"> <tr> <td>最初隐藏<\/td> <\/tr> <\/table> <br> <input type="button" onclick="f1();" value="切换" \/>

...想让它默认显示为隐藏 我点击button 显示按钮 时候,图片就显示出 ...
\/><\/div><div class="button"><input type="button" id="button" value="点击显示图片" onclick="showImg()" \/><\/div>css内容:<style>img#img{display:none;}<\/style>javascript内容:<script>function showImg(){document.getElementById('img').style.display='block';}<\/script> ...

HTML如何实现单击按钮后显示隐藏表格
1.实现按钮的不可见 XML:android:visibility="invisible"Java代码:view.setVisibility(View.INVISIBLE);2.实现按钮的隐藏 XML:android:visibility="gone"Java代码:view.setVisibility(View.GONE);FLASH MX中,单击第一个按钮一个图片隐藏,单击第二按钮该图片重新显示如何实现 你把图片放到一个影片剪辑里,...

html 按钮 隐藏作用
1.创建一个新的html文档,在body标签中添加span标签和按钮标签,并为每个标签设置一个id:2.添加脚本标记并向脚本标记添加按钮单击事件。如果按钮的内容为“隐藏”,则文本将被隐藏,按钮内容将转换为“显示”:3.如果按钮内容不是“隐藏”,将显示文本,按钮内容将“隐藏”:...

html 点击一个按钮 显示另一个div 隐藏之前呢个div(display属性,怎么用...
show2.style.display='block';} } <\/script> <input type="button" value="点击" id="btn" onclick="show(t1);"\/> <div id="t1" style="display:block"><h3>隐藏这个<\/h3><\/div> <div id="t2" style="display:none"> <h3>显示这个<span>烦烦烦:<input type="text" name=...

用两个按钮控制三盏灯, 按a按钮开始 每个灯亮一次每次1秒间隔1秒循环...
请及时采纳!I0.0启动 I0.1停止 Q0.0,Q0.1,Q0.2分别三个灯

点击a页面的按钮调用并执行b页面的js使不页面的div隐藏
这两个页面用frame连着么?连着的时候是可以先获得父页面再调用另一个子页面的js的!总页面:<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> <html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> <head> <\/...

相似回答