jQuery MiniUI

 找回密码
 立即注册
查看: 9240|回复: 10
打印 上一主题 下一主题

请问toggleFieldSet(ck, id)如何让默认某ID隐藏 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2014-4-10 09:53:30 |只看该作者 |倒序浏览
请问toggleFieldSet(ck, id)如何让其中的一个fieldset默认在隐藏状态,其他的显示?

Rank: 8Rank: 8

沙发
发表于 2014-4-10 10:02:32 |只看该作者

你要让某个ID隐藏,根据ID获取到对象,然后setVisible(false)好了

Rank: 3Rank: 3

板凳
发表于 2014-4-10 10:12:12 |只看该作者
factory 发表于 2014-4-10 10:02
你要让某个ID隐藏,根据ID获取到对象,然后setVisible(false)好了

你好!
<fieldset id="fd2" style="width: 99%;">

var hft = mini.get("fd2");
        hft.setVisible(false);
执行报错:Microsoft JScript 运行时错误: 'hft' 为空或不是对象

Rank: 8Rank: 8

地板
发表于 2014-4-10 10:21:01 |只看该作者
本帖最后由 lost 于 2014-4-10 10:22 编辑
ycdzz 发表于 2014-4-10 10:12
你好!

fieldset不是MiniUI控件。
是原生的HTML标签。
不能用setVisible(false)来隐藏

Rank: 3Rank: 3

5#
发表于 2014-4-10 10:28:42 |只看该作者
lost 发表于 2014-4-10 10:21
fieldset不是MiniUI控件。
是原生的HTML标签。
不能用setVisible(false)来隐藏

你好,
<fieldset id="fd1" style="width: 99%; border-bottom: 0px;">
            <legend>
                <label>
                    <input type="checkbox" checked id="checkbox2" onclick="toggleFieldSet(this, 'fd1')"
                        hidefocus />异常信息录入</label></legend>

function toggleFieldSet(ck, id) {
            var dom = document.getElementById(id);
            dom.className = !ck.checked ? "hideFieldset" : "";
        }
这个是示例可隐藏fieldset的,要怎么才能默认打开页面是隐藏的呢

Rank: 8Rank: 8

6#
发表于 2014-4-10 10:43:52 |只看该作者
ycdzz 发表于 2014-4-10 10:28
你好,

            

var dom = document.getElementById("fd2");
   dom.style.display = "none";
也可以直接写style="width: 99%; display:none"

Rank: 8Rank: 8

7#
发表于 2014-4-10 10:51:51 |只看该作者
ycdzz 发表于 2014-4-10 10:28
你好,

            

默认设置style  display:none;

Rank: 3Rank: 3

8#
发表于 2014-4-10 11:39:49 |只看该作者
谢谢你们的回复

Rank: 3Rank: 3

9#
发表于 2014-4-10 12:54:43 |只看该作者
lost 发表于 2014-4-10 10:43
var dom = document.getElementById("fd2");
   dom.style.display = "none";
也可以直接写style="width: ...

这样隐藏就整个看不到了,  function toggleFieldSet(ck, id) {
            var dom = document.getElementById(id);
            dom.className = !ck.checked ? "hideFieldset" : "";
        }
我想要的效果打开页面时这个fd2是这个收起的效果,而现在是要点击才会收起

Rank: 8Rank: 8

10#
发表于 2014-4-10 13:27:03 |只看该作者
本帖最后由 lost 于 2014-4-10 13:29 编辑
ycdzz 发表于 2014-4-10 12:54
这样隐藏就整个看不到了,  function toggleFieldSet(ck, id) {
            var dom = document.getElem ...

<fieldset id="fd2" style="width:600px;" class="hideFieldset">
</fieldset>
加class="hideFieldset"样式,

Archiver|普加软件

GMT+8, 2025-7-18 16:35 , Processed in 1.045088 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部