gpt4 book ai didi

java - jQuery - 在页面加载时单击复选框时使 Div 可见(如果已选中)

转载 作者:太空宇宙 更新时间:2023-11-04 14:45:17 26 4
gpt4 key购买 nike

我需要使用 jQuery/Java 在单击复选框时使 div 可见。 “已选中”来自数据库,因此我还需要检查该复选框是否已在页面加载时选中。

这是我目前拥有的:

<input type="checkbox" name="foo" value="1" onclick="$(this).is(':checked') && $('#checked-a').slideDown('slow') || $('#checked-a').slideUp('slow');"/>

<div class="dis-sub" style="display: none;" id="checked-a">
...
</div>

代码按原样显示/隐藏 div。我需要一个检查页面加载以查看复选框是否已被选中的解决方案(在这种情况下,动态地由来自数据库的 PHP)。

提前致谢。

最佳答案

我想从您的 HTML 标记中删除 onclick javascript 调用并放入您的脚本文件中。这使代码更清晰。

这将在您选中复选框时更改可见性。(假设复选框的 ID 为“foo”)

$("#foo").change(function(){

var ischecked=$(this).is(':checked');
if(ischecked)
{
$("#checked-a").fadeIn(200);
}
else
{
$("#checked-a").fadeOut(200);
}

});

如果你想检查数据库中的值并更改可见性,你可以在你的 html 中设置你的检查属性值(使用你从数据库中获得的 PHP 变量值)然后检查你的复选框的检查属性的值并改变可见性

HTML

   <input type="checkbox" id="foo" value="1" checked="checked"/>
<div style="display:none;" id="checked-a">
Some content
</div>

Javascript

 $(function(){

var ischecked=$("#foo").is(':checked');
if(ischecked)
{
$("#checked-a").fadeIn(200);
}
else
{
$("#checked-a").fadeOut(200);
}

});

这是示例:http://jsfiddle.net/Uj4QJ/9/

关于java - jQuery - 在页面加载时单击复选框时使 Div 可见(如果已选中),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8914911/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com