javascript - HTML onmousedown/onclick 显示隐藏的 HTML

Question

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

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

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

谢谢

Answer 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) 库可能会使这更简单，但有一个初始学习曲线。