如何使用 javascript 为 jsp 隐藏 () 和 show() 函数

Question

我的代码是

<script type="text/javascript">
function AddNew() 
{
    var partyname = $("#account_id_widget").val();
    var pgroup="NA";
    if(display=="none")
    {
        $("#log").show();
    }
    else
    {
        $('#addnew').hide();
    }
}
</script>

我称之为div：

<div id="log" style="display:none;">
    <%@ include file="recievable_details.jsp" %>
</div>

它们是我在我的页面上显示的 JSP，我在那里调用函数：

<sj:a id="show" button="true" onclick="AddNew()" indicator="true">AddNew</sj:a>

Answer 1

<script type="text/javascript">
function AddNew() 
{
    var partyname = $("#account_id_widget").val();
    var pgroup="NA";
    $('#log').toggle();
}
</script>

Answer 2

你可以

简单地这样做

<script>
function AddNew() 
{
$("#log").toggle();
}
</script>

确保在代码中包含 jquery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

或

<script src="js/jquery.min.js"></script>

（如果你在 "js" 文件夹内有 jquery.min.js 文件 ）

Answer 3

可能你missing a variable declaration for display.

var display=$('#log').css('display');

<script type="text/javascript">
function AddNew() 
{
    var partyname = $("#account_id_widget").val();
    var pgroup="NA";
    var display=$('#log').css('display');
    if(display=="none")
    {
        $("#log").show();
    }
    else
    {
        $('#addnew').hide();
    }
}
</script>

Answer 4

要隐藏或显示任何元素，您可以使用 Jquery/Javascript

<div id="log" style="display:none;">
    <%@ include file="recievable_details.jsp" %>
</div>
<div id="addNew" style="display:none;">
    <%@ include file="recievable_details.jsp" %>
</div>
$("#log").hide(); or $("#log").show();

Answer 5

我给你一个javascript函数，它会帮助你。

切换可见性

function showhide(id){
    if(document.getElementById(id).className == "showhidediv_show"){
        document.getElementById(id).className="showhidediv_hide";
    }else{
        document.getElementById(id).className="showhidediv_show";
    }
}

---

单个显示隐藏功能

function show(id)
{
document.getElementById(id).className="showhidediv_show";   
}
function hide(id)
{
    document.getElementById(id).className="showhidediv_hide";
}