我写了这个脚本,当勾选一个复选框时显示一个div:
Agency Team
Blah Blah Blah
$(function () {
$("#Agency").click(function () {
if ($(this).is(":checked")) {
$("#agcyTeam").show();
} else {
$("#agcyTeam").hide();
}
});
});
这是有效的,但是当我提交,然后在浏览器中按回复选框仍然被选中,但div被隐藏.如何在此实例中显示div?
首先,change
出于可访问性原因,您应该在复选框和无线电输入上使用该事件.其次,您可以使用事件处理程序将代码缩短为单行toggle()
.
要解决您的问题,请change()
在加载时引发一个事件以在那里调用处理程序逻辑:
$("#Agency").change(function () { $("#agcyTeam").toggle(this.checked); }).trigger('change');