【问题标题】:HTML onmousedown/onclick display hidden HTMLHTML onmousedown/onclick 显示隐藏的 HTML
【发布时间】:2010-09-25 16:02:54
【问题描述】:

我正在制作一个表格,以便从网站上订购不同种类的糖果。目前我有每个品种的复选框。一旦他们选择了他们想要的品种(他们可以有多个),那么我需要更多信息。为此,我想在他们选中每个复选框时显示一个新框。事件属性似乎足够了,但我真的不知道 javascript,所以这对我来说是正确的方法吗?事件属性只能触发javascript吗?

或者也许我的方法不对,有没有更好的方法来制作这个表格?我考虑过购物车,但对于我想要的东西,我认为它太多了,而且我不是很先进。

所以,我只是想要一种在勾选复选框后显示 html 的方法,或者一种更好的方法来制作我的表单。

谢谢

【问题讨论】:

    标签: javascript html webforms mouseevent


    【解决方案1】:

    如果您具备服务器端编程(PHP、ASP、ASP.Net、JSP)方面的技能,那可能是您的最佳选择。当复选框更改时,使用某种风格的 AJAX 重新绘制选项(例如 ASP.Net UpdatePanel)。这将避免在客户端上使用 JavaScript 做很多事情,即使这样肯定是可行的。

    如果您不擅长客户端或服务器端编程,那么第三方购物车可能是您的最佳选择。我将使用 PayPal 开始您的调查。

    重要提示:如果您确实编写了自己的订单,请确保您在此过程中的任何时候都没有存储信用卡号。尽可能避免将信用卡号码提交到您的网站。熟悉 PCI 合规性。仅此一项通常就是使用第三方工具的理由。

    编辑:根据 Paul 在下面的评论,他希望尽可能简单,并且不会处理任何交易:

    “事件属性只能触发javascript吗?”

    是的,可以是内联 JavaScript 或包含在外部文件中的脚本,也可以是页面其他位置的脚本标记。

    下面是一个复选框触发其他 HTML 元素(在本例中为其他复选框)的小示例:http://www.htmlcodetutorial.com/forms/_INPUT_onClick.html

    您可以使用如下代码显示或隐藏元素:

    var elementToToggle = document.getElementById('someId');
    elementToToggle.style.display = "none"; // hide
    
    OR
    
    elementToToggle.style.display = "";
    

    使用 jQuery (www.jquery.com) 库可能会使这更简单,但有一个初步的学习曲线。

    【讨论】:

    • 嗯,这不太合适,因为目前的方式是他们填写表格,然后通过电子邮件发送,然后一旦收到订单,他们就会通过电子邮件完成工作。目前,该网站没有处理任何交易。它可能看起来效率低下,但它是一家新兴的小公司。不过我仍在考虑购买购物车,但如果可以,我会更高兴。
    • 感谢您的回复。我原来的问题已经回答了,所以谢谢:)。不过,我决定用不同的方式来做,(给每种口味自己的页面,对于任何感兴趣的人)因为我认为它仍然看起来太乱了。答案接受了,谢谢!
    猜你喜欢
    • 1970-01-01
    • 2020-04-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多