1

我一直试图解决这个问题,但不能完全结合我所拥有的。该页面是动态的,信息将从 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');});

谢谢你的帮助。

4

1 回答 1

2

http://jsfiddle.net/ExplosionPIlls/xEfRK/

更新.change方法以根据检查状态显式使用显示/隐藏,而不是使用.toggle

if ($(this).is(":checked"))

然后,$(".registerbut").trigger('change');页面加载将按照您的需要工作。

于 2013-01-25T04:35:59.577 回答