AI 助理
备案控制台
开发者社区 问答 正文

jsp中显示与隐藏图标问题

现在我有4个span标签，每个span标签里面都有相应的图标,如何用js来控制显示隐藏哦？开始span的display为none,当我点击其中一个的时候其他span标签隐藏，点击的span显示，如何做到?

展开
收起
小旋风柴进 2016-06-01 09:52:02 2281 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 小旋风柴进

    你要给4个span标签设置同一个事件,但是要传不同的参数，例如：

    html：

     <span id="span1" onclick="showThis(1);" style=“display：block；”>图标</span>
 <span id="span2" onclick="showThis(2);" style="display:none;">图标</span>
 <span id="span3" onclick="showThis(3);" style="display:none;">图标</span>
 <span id="span3" onclick="showThis(4);" style="display:none;">图标</span>
js

 function showThis(value){
   if(value=="1"){
     document.getElementById("span1").style.display="block";
      document.getElementById("span2").style.display="none";
                document.getElementById("span3").style.display="none";
            document.getElementById("span3").style.display="none";
     }else if(value=="2"){
        document.getElementById("span1").style.display="none";
      document.getElementById("span2").style.display="block";
                document.getElementById("span3").style.display="none";
            document.getElementById("span3").style.display="none";
     }else if(value=="3"){
        document.getElementById("span1").style.display="none";
      document.getElementById("span2").style.display="none";
                document.getElementById("span3").style.display="block";
            document.getElementById("span3").style.display="none";
     }else if(value=="4"){
        document.getElementById("span1").style.display="none";
      document.getElementById("span2").style.display="none";
                document.getElementById("span3").style.display="none";
            document.getElementById("span3").style.display="block";
     }
 }
    2019-07-17 19:22:46
    赞同 展开评论
问答分类：
JavaScript Java
问答标签：
jsp图标
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
intellij jsp 文件下点击火狐浏览器图标出错 400 请求报错 
798
1
0
jsp文件中写${pageContext.request.contextPath}报错怎么处理
613
0
0
Eclipse javax.servlet.jsp.PageContext cannot 报错怎么办
593
0
0
老项目有修改，发布了一个jsp后项目无法启动，报错LinkageError
1245
1
0
jsp<%@ include page=“top.jsp”%>报错 ?报错
706
1
0
jsp用<jsp:usebean>导入包时报错class无效 ?报错
557
1
0
每次eclipse新建maven webapp时index.jsp都会报错 ?报错
657
1
0
jsp中a标签跳转报错,求解 ?报错
543
1
0
JSP中ResultSet rs = pstmt.executeQuery();?报错
818
1
0
jsp的include标签报错 <b> ?报错
752
1
0