2010-09-25 47 views
1

我正在制作一个表单,以便从网站订购不同品种的糖果。目前我有各种类型的复选框。一旦他们选择了他们想要的品种(他们可以有多个),那么我需要更多的信息。要做到这一点,我想在检查每个复选框时显示一个新框。事件属性似乎是足够的,但我真的不知道JavaScript,所以这是我做到这一点的正确方法?事件属性只能触发JavaScript?HTML onmousedown/onclick显示隐藏HTML

或者我可能会以这种错误的方式进行讨论,会不会有更好的方式来制作这种形式?我已经考虑过购物车,但为了我想要的东西,我认为它太多了,而且我不是很先进。

所以,我只是希望在复选框被勾选后显示html,或者更好的方式来制作我的表单。

感谢

回答

2

如果你有服务器端编程(PHP,ASP,ASP.Net,JSP)技术,这可能是要走的路。当复选框更改时,使用某种风格的AJAX(例如,ASP.Net UpdatePanel)重新绘制选项。这样可以避免在客户端上使用JavaScript,尽管这种方式确实可行。

如果您在客户端或服务器端编程方面不够强大,第三方购物车可能是最佳选择。我将开始使用贝宝进行调查。

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

编辑:每保罗的下面,他希望保持尽可能简单,无交易注释,将被处理:“可以将事件属性只触发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)库可能会使这个更简单,但是有一个初始的学习曲线。

+0

嗯,这不太合适,因为目前它发生的方式是填写表单,通过电子邮件发送,然后一旦收到订单,他们就会通过电子邮件完成工作。目前没有交易正在由网站处理。这看起来似乎效率低下,但它是一个小小的初出茅庐的公司。尽管如此,我仍然在考虑购物车,但如果能做到的话否则我会更开心。 – Paul 2010-09-25 16:11:51

+0

我将编辑我的答案以解决您的问题。 – 2010-09-25 16:21:04

+0

感谢您的回复。我原来的问题已经回答,谢谢:)。尽管如此,我已经决定采用不同的方式(给每一种味道自己的页面,对于任何感兴趣的人),因为我拥有的数量我认为它仍然看起来太杂乱。答案已被接受,谢谢! – Paul 2010-09-25 16:32:20