Html 通过单击复选框显示/隐藏div,不工作

Html 通过单击复选框显示/隐藏div,不工作,html,css,xml,xslt,Html,Css,Xml,Xslt,输入[类型=复选框]{ 边界:0; 剪辑:rect0; 高度:1px; 宽度:1px; 保证金:-1px; 溢出:隐藏; 填充:0; 位置:绝对位置; } `.ds下拉列表`{ 背景:url'../../images/浅灰色箭头向下。png'无重复滚动中心透明; 填充:10px 5px; 高度:0px; 宽度:8px; 位置:绝对位置; 顶部:63px; 边框:1px纯蓝色; } .ds btn{ 高度:22px; 宽度:20px; 填充:4px; 顶部:63px; 位置:绝对位置; 边框:1p

输入[类型=复选框]{ 边界:0; 剪辑:rect0; 高度:1px; 宽度:1px; 保证金:-1px; 溢出:隐藏; 填充:0; 位置:绝对位置; } `.ds下拉列表`{ 背景:url'../../images/浅灰色箭头向下。png'无重复滚动中心透明; 填充:10px 5px; 高度:0px; 宽度:8px; 位置:绝对位置; 顶部:63px; 边框:1px纯蓝色; } .ds btn{ 高度:22px; 宽度:20px; 填充:4px; 顶部:63px; 位置:绝对位置; 边框:1px纯蓝色; 左:579px; } span高级搜索{ 边框:2件纯蓝; 左:20px; 宽度:600px; 填充:10px; } 输入[类型=复选框]:选中~div{ 背景:绿色; 显示:块; 能见度:可见; 位置:绝对位置; 宽度:600px; 填充:10px; } 教育程度: 学习材料的类型: 难度等级: 作者:
我不确定这是否是你正在寻找的,但希望它能有所帮助

$document.readyfunction{ $'input[type=checkbox]'。单击函数{ 如果$this.attrvalue==复选框{ $span-advanced-search.toggle; } }; }; span高级搜索{ 填充:20px; 显示:无; 边缘顶部:20px; } 教育程度: 学习材料的类型: 难度等级: 作者:
它起作用了。多谢各位@balintpekkerI很高兴我能帮上忙。打开div->span advanced search后,当我试图点击任何输入框在其中写入内容时,div正在关闭。有人能帮我吗?@susmatadhu我编辑了这篇文章,你需要使用jquery,上面的工作应该很完美。这是我的页面,当我点击高级搜索框中的任何地方时,它就接近了。我还添加了jquery,如上所述,但我不能阻止它,因为我不能在框中写入任何内容。请帮忙。