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