如何根据不同页面上的复选框状态隐藏或显示DIV?

时间:2015-07-17 15:22:42

标签: javascript jquery css django checkbox

我在python django 中有一个应用程序,并且有5个部分的摘要页面。让我们称它们为A,B,C,D,E。前三个(A,B,C)是自动生成的,不做任何事情。最后两个(D,E)是在完全不同的页面上基于复选框状态生成

我正在尝试使用jQuery来实现这一点到目前为止我已经尝试过这个但它只有在那些DIV在同一页面上时才有效。我试过谷歌搜索但找不到任何解决方案。

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

我甚至无法将其作为网址参数传递,因为我在复选框的同一页面上有一个按钮,点击该按钮时会显示pdf格式的摘要页面。

仅供参考:我在带有按钮的页面上使用隐藏的iframe(Well按钮也在四个不同的页面上),其中包含摘要页面的内容,并在按钮点击时显示为PDF。

1 个答案:

答案 0 :(得分:1)

使用简单易用的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
    }
});