web程序设计(第6版)第五章练习3 .pdfVIP

1、开发一个XHTML文档，其中包含了一组复选框和一个提交按钮，复选框的

内容为苹果（每个59美分）、桔子（每个49美分）和香蕉（每个39美分）。

每个复选框都应该有自己的onclick事件处理程序。这些事件处理程序必须能

够将对应的水果价格添加到总价格中。针对提交按钮的事件处理程序必须能

够产生一个alert窗口，其中的消息格式为Yourtotalcostis$xxx，其中xxx

是所选水果的总价格加上5%的销售税。这个处理程序必须返回false（以免

真正传送表单数据）。最后对文档进行测试和验证。

htmlxmlns=

head

metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/

title无标题文档/title

scriptlanguage=javascript

functioncost()

{

varcc=sum();

alert(Yourtotalcostis$+cc);

}

returnfalse;

functionsum()

{

vara,b,c,total;

vardom=document.getElementById(aa);

if(dom.elements[0].checked)

a=1;

elsea=0;

if(dom.elements[1].checked)

b=1;

elseb=0;

if(dom.elements[2].checked)

c=1;

elsec=0;

total=(0.590*a+0.490*b+0.390*c)*(1.00+0.050);

returntotal;

}

/script

/head

body

h4fruitorderform/h4

formid=aaaction=

p

inputtype=checkboxonclick=sum()/

apple

br/

inputtype=checkboxonclick=sum()/

orange

br/

inputtype=checkboxonclick=sum()/

bananabr/

inputtype=buttonvalue=提交onclick=cost()/

/p

/form

/body

/html