我一直试图解决这个问题,但不能完全结合我所拥有的。该页面是动态的,信息将从 db 加载。我有一个带有 call(class=registerbut) 的复选框,它在选中时直接在其下方切换(显示)一个 div(hidey)。它工作正常,但在页面重新加载后,无论检查状态如何,都会显示所有 div(隐藏)。我只希望被选中的那些保持显示而不是全部显示。
<div style="width:150px; float:left; padding:0px 0 0px 10px;">
<b>Approve</b><br />
<b>Day 1</b><input type="checkbox" name="" value=""/>
<b>Day 2</b><input type="checkbox" name="" value=""/><br />
<b>Day 3</b><input type="checkbox" name="" value=""/>
<b>Day 4</b><input type="checkbox" name="" value=""/><br />
<b>Day 5</b><input type="checkbox" name="" value=""/>
<b>Day 6</b><input type="checkbox" name="" value=""/><br />
<b>Day 7</b><input type="checkbox" name="" value=""/>
<b>Day 8</b><input type="checkbox" name="" value=""/><br />
<b>Approve All Dates</b><input type="checkbox" name="" value=""/><br />
<br />
</div>
<input type="checkbox" class="registerbut" name="toggle" style="margin-top:8px;">Approve
<div class="hidey" style="width:500px; float:left;margin-bottom:10px; padding:0px 0 0px 10px;height:20px; display:none;">
<b>This is where we can put the information for e-signature part of the deal</b><br />
</div>
这确保下一个/下一个 div(hidey) 是唯一显示的 div。
$('.registerbut').change(function(){
$(this).next('.hidey').toggle();})
以下内容使 div(hidey) 仍然显示在页面重新加载时 - 但它随后显示所有“隐藏” div,无论检查状态如何。
$(document).ready(function() {
$('.hidey').toggle($(".registerbut").is(":checked"));});
$(".registerbut").click(function() {
$('.hidey').toggle('fast');});
谢谢你的帮助。