如何在 JSP 中隐藏 HTML 对象？

Question

我想知道是否有办法隐藏 jsp 中的 html 对象。例如，我的 jsp 中有一个带有登录和注册按钮的主页 app.I想在登录成功后隐藏它们。

Answer 1

如果你想隐藏 html 对象你可以 select 带有 id 或者 class 的对象，例如，使用 .hide();

例如：

$("#some-id").hide();
$(".some-id").hide();

Answer 2

您可以通过多种方式实施 that.Couple 其中

如果您在用户成功登录后重新加载整个页面，您可以使用 JSTL 有选择地呈现组件。

即，如下所示。

  <c:if test="if_user_has_not_logged_in">
       <!-- HTML code for login and register button goes here-->
  </c:if>

您也可以使用简单的 Javascript 隐藏 html 组件通过将样式-> 显示设置为 none。类似下面

  //You invoke this code when user is logged in
  if('successfully_logged_in') {
   document.getElementById("divIdGoesHere").style.display = "none";
 }

Answer 3

假设您有两个元素 a checkbox（with id and class nmed c_box），以及文本项（ with id and class named txt1 ）。

那么下面的JQuery代码可以用来show/hidetxt1 每当 unchecked / checked :

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('.c_box').click(function(){                
        if (document.getElementById('c_box').checked) {    
          $('.txt1').hide();          
        }
        else
        { 
          $('.txt1').show();                  
        }
    });
});
</script>
</head>
<body>

<input type="checkbox" id ="c_box" class="c_box"></input>
    
<input type="text" id ="txt1" class="txt1" value="M y  t e x t"></input>

</body>
</html>

如何在 JSP 中隐藏 HTML 对象？

How To Hide an HTML object in JSP?

javascript

java

jquery

jsp

jsp-tags