jQuery MiniUI

标题: 请问toggleFieldSet(ck, id)如何让默认某ID隐藏 [打印本页]

作者: ycdzz 时间: 2014-4-10 09:53:30 标题: 请问toggleFieldSet(ck, id)如何让默认某ID隐藏

请问toggleFieldSet(ck, id)如何让其中的一个fieldset默认在隐藏状态，其他的显示?

作者: factory 时间: 2014-4-10 10:02:32

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

作者: ycdzz 时间: 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' 为空或不是对象

作者: lost 时间: 2014-4-10 10:21:01

本帖最后由 lost 于 2014-4-10 10:22 编辑

ycdzz 发表于 2014-4-10 10:12
你好！

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

作者: ycdzz 时间: 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的，要怎么才能默认打开页面是隐藏的呢

作者: lost 时间: 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"

作者: factory 时间: 2014-4-10 10:51:51

ycdzz 发表于 2014-4-10 10:28
你好，

默认设置style display:none;

作者: ycdzz 时间: 2014-4-10 11:39:49

谢谢你们的回复

作者: ycdzz 时间: 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是这个收起的效果,而现在是要点击才会收起

作者: lost 时间: 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"样式,

作者: ycdzz 时间: 2014-4-10 13:28:55

lost 发表于 2014-4-10 13:27
加class="hideFieldset"样式

嗯，太好了，谢谢你了

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)