簡體   English   中英

如何根據不同頁面上的復選框狀態隱藏或顯示DIV?

[英]How to hide or display DIV based on checkbox state on different page?

我在python django中有一個應用程序,其中有5個部分的摘要頁面。 我們稱它們為A,B,C,D,E。前三個(A,B,C)是自動生成的,無需執行任何操作。 而最后兩個(D,E)是根據完全不同的頁面上的復選框狀態生成

到目前為止,我一直在嘗試使用jQuery完成此操作,但是只有那些DIV位於同一頁面上時,它才有效。 我嘗試使用Google搜索,但是找不到任何解決方案。

$(".checkbox").click(function(e){
    var checked = $(this).is(':checked');
    if(checked==true){
        //display those content
    }
});

我什至不能將其作為URL參數傳遞,因為我在與復選框相同的頁面上有一個按鈕,當單擊該按鈕時,將以pdf格式顯示摘要頁面。

僅供參考:我在帶有按鈕的頁面上使用了隱藏的iframe(Well按鈕也位於四個不同的頁面上),這些頁面包含摘要頁面的內容,並在單擊按鈕時顯示為PDF。

使用Cookie既方便又好用。

您可以設置如下所示的Cookie,然后通過javascript閱讀它

設置Cookie:

   document.cookie="checkbox=true";

閱讀下一頁的cookie

   var value = readCookie('checkbox');

創建一個函數,使您每次都能取回值

 function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

因此,當您將其與點擊次數進行比較時,您可以執行以下操作:

$(".checkbox").click(function(e){
    var checked = $(this).is(':checked');
    if (checked == undefined || null){
        checked = readCookie('checkbox');
    }
    if(checked==true){
        //display those content
    }
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM