当前位置:  开发笔记 > 编程语言 > 正文

勾选/未勾选时,复选框显示div.但是在浏览器中"返回"时隐藏了div

如何解决《勾选/未勾选时,复选框显示div.但是在浏览器中"返回"时隐藏了div》经验,为你挑选了1个好方法。

我写了这个脚本,当勾选一个复选框时显示一个div:

Agency Team

Blah Blah Blah

$(function () {
    $("#Agency").click(function () {
        if ($(this).is(":checked")) {
            $("#agcyTeam").show();
        } else {
            $("#agcyTeam").hide();
        }
    });
});

这是有效的,但是当我提交,然后在浏览器中按回复选框仍然被选中,但div被隐藏.如何在此实例中显示div?



1> Rory McCross..:

首先,change出于可访问性原因,您应该在复选框和无线电输入上使用该事件.其次,您可以使用事件处理程序将代码缩短为单行toggle().

要解决您的问题,请change()在加载时引发一个事件以在那里调用处理程序逻辑:

$("#Agency").change(function () {
  $("#agcyTeam").toggle(this.checked);
}).trigger('change');

推荐阅读
郑小蒜9299_941611_G
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有