0

基本上我有一个表格，它有2 种不同的扩展，具体取决于选择的是单日游还是多日游（尚未编码，一旦我得到这个工作，我可以正确地整理出来）。我看过很多类似的问题，但不幸的是，其中许多都使用 jQuery。

我已经研究了 2 天了，谷歌搜索，看这里并根据我导师的建议走了这么远，但它还没有完全到位，我还没有足够的了解来修复它。我希望它是简单的，我只是在这一点上有点太缺乏经验，无法识别它。

现在，我只是想根据点击的内容制作一个显示2 个不同类的div。目前，硬编码到函数中的类并不重要。最终，当单击提交按钮时，我希望 div 出现（仍然取决于选中的复选框），但这可能是未来的努力（假设它只是一些 if/else 语句。

如果有人可以提供帮助，或者甚至只是为我指出正确的方向（请记住，我大约在 3 周前开始学习这个，并且在过去 2 周甚至没有使用它），我将非常感谢您的帮助。

我附上了当前代码的 JSFiddle，以及来自 Photoshop 的最终结果图片。（在选中复选框之前，水平白线下方的所有内容最初都将被隐藏）。

http://imgur.com/8mY2ZVH

4

2 回答 2

1

首先在Frameworks & Extensions下，将选择框设置为No Wrap-in body而不是onLoad。（在左上角）。

其次，您有多个语法错误。

Multi day<input type="checkbox" name="multi-day"         value="multi-day" onclick=""ShowExtraForm1('multiBooking')"">

删除 ShowExtraForm1 周围的一组“”。

document.getElementById('singleBooking')style.display="none";
document.getElementById('multiBooking')style.display="none";

添加一个 . 在 'style' 属性之前，它目前是一个语法错误。

而且，您要隐藏的实际表格在哪里？

于 2013-10-10T05:16:01.887 回答
0 
I have edited your jsfiddle link

think its not working there but this is the function you want

function ShowExtraForm1() 
    {
        var singlechecksts;
        var multichecksts;
        singlechecksts= document.getElementById('singlecheck');
        multichecksts= document.getElementById('multicheck');

        if(singlechecksts.checked)
        {
        document.getElementById('singleBooking').style.display="block";
        document.getElementById('multiBooking').style.display="none";
        }

        if(multichecksts.checked)
        {
        document.getElementById('singleBooking').style.display="block";
        document.getElementById('multiBooking').style.display="block";
        }
    }

where singlecheck and multicheck are id's of your checkboxs
于 2013-10-10T05:29:45.743 回答